在一个文本框中输入的文本将填充到另一个文本框中

时间:2013-02-14 06:23:11

标签: html css twitter-bootstrap angularjs angularjs-directive

以下是我对angularjs app

的html代码的一部分
<input type="text" class="input-xlarge" id="user_name" ng-model="myModel.text" 
       name="user_name" rel="popover" data-content="Enter your first and last name."
       data-original-title="Full Name">

<input type="text" class="input-xlarge" id="user_email" ng-model="myModel.text"
        name="user_email" rel="popover" data-content="What’s your email address?" 
        data-original-title="Email">

这是我的控制器代码

    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'];

我在第一个文本框中写的东西也自动填入第二个文本框。

为什么会发生数据。

如何避免它。

2 个答案:

答案 0 :(得分:2)

因为您的两个字段都具有相同的ng-model

为避免这种情况,请为每个输入字段使用ng-model的不同值。

答案 1 :(得分:0)

因为您的两个输入字段都与相同的型号名称相关联 myModel.text