兩個輸入相同的值angularjs

一個輸入如何通過angularjs與另一個輸入相同的值？我知道如何通過jQuery來做到這一點，但不是在angularjs中。這裏是我的代碼：兩個輸入相同的值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>

所以基本上我想要的是相同的值作爲第二輸入元件

來源

2016-03-04 Dean Christian Armada

使用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>

來源

2016-03-04 04:32:36 byteC0de

完美答案！ –

答案上述第一輸入元件但如果您希望它實時更新，只需使用相同型號：

<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>

當您更改其中一個時，另一個也會更新。您也可以將其用作任何其他標籤。例如，這將顯示您在< p>標籤上輸入的內容：

<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>

來源

2016-03-04 04:40:18

兩個輸入相同的值angularjs

回答

相關問題