html - 在一个文本框中输入的文本会填充到另一个文本框中

Question

这是我的 angularjs 应用程序 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">

这是我的 Controller 代码

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

我在第一个文本框中写的内容也会自动填充到第二个文本框中。

为什么会发生这种情况。

如何避免这种情况。

Answer 1

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

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