html - 无法设置默认文本框值

Question

这是我的angularjs应用程序的html代码

<input type="text" class="input-xlarge" id="user_name" ng-model="myModel.text1" 
   name="user_name" rel="popover" data-content="Enter your first and last name."
   data-original-title="Full Name">

这是构造函数代码

    function MyCtrl2($scope) {
         var initial = {text1: 'initial value'};
         var ini = {text2: 'initialvalue'};
         $scope.myModel = angular.copy(initial);
         $scope.myModel = angular.copy(ini);
}

MyCtrl2.$inject = ['$scope'];

只有一个文本框中的默认值usr_email被填充。但不能在user_name 任何一点可能有问题。

Answer 1

您不能使用angular.copy，因为它会在第二次使用时覆盖 $scope.myModel（复制 init 时）。改用angular.extend将 ini 和 initial 的所有属性复制到模型中：

function MyCtrl2($scope) {
     var initial = {text1: 'initial value'};
     var ini = {text2: 'initialvalue'};
     $scope.myModel = {};
     angular.extend($scope.myModel, initial, ini);
}