Question

一个输入如何通过angularjs与另一个输入相同？我知道如何通过jquery而不是angularjs来做到这一点。这是我的代码：

<body ng-app="peopleApp">
    <div ng-controller="myController">
        <input class="form-control input-form" ng-model="input.user_code" name="user_code" type="text" maxlength="4" minlength="4"  required>
        <input class="form-control input-form" ng-model="input.username" name="username" type="text" required>
    </div>
</body>

<script type="text/javascript">
    var peopleApp = angular.module('peopleApp', []);
    peopleApp.controller('myController', function(){
        $scope.input = {
            'username': $scope.input.user_code
        }
    });
</script>

基本上我想要的是第一个输入元素与第二个输入元素

的值相同

Answer 1

使用ng-blur或ng-change

<body ng-app="peopleApp">
    <div ng-controller="myController">
        <input class="form-control input-form" ng-blur="input.username = input.user_code" ng-model="input.user_code" name="user_code" type="text" maxlength="4" minlength="4"   required>
        <input class="form-control input-form"  ng-model="input.username" name="username" type="text" required>
    </div>
</body>

Answer 2

上面的答案有效，但如果你想让它实时更新，只需使用相同的模型：

<input class="form-control input-form" ng-model="input.user_code" name="user_code" type="text" maxlength="4" minlength="4"  required>
<input class="form-control input-form" ng-model="input.user_code" name="username" type="text" required>

当您更改其中一个时，另一个也会更新。您也可以将其用作任何其他标记。例如，这将显示您在＆lt; p＆gt;上输入的内容。标记：

<input class="form-control input-form" ng-model="input.user_code" name="user_code" type="text" maxlength="4" minlength="4"  required>
<p> {{ input.user_code }} </p>

两个输入angularjs的值相同

2 个答案: