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 因为它会在第二次使用时(复制 init 时)覆盖 $scope.myModel。使用 angular.extend 相反，将 ini 和 initial 的所有属性复制到您的模型:

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