Question

我正在构建一个UI页面，该表单包含2个文本框和一个复选框，如果该复选框为true，则两个文本框的内容应立即彼此更新。

代码示例 “

Registration number :

<input type="text" name="usr" id="usr" style="width:200px" value="{{usr}}" required="required"> <br>

Moodle Password :

<input type="password" name="pwd" ng-model="pwd2" value="{{pwd}}" id="pwd" style="width:200px"> <br>

Ffcs Password :

<input type="password" name="ffcs_pwd" ng-model="ffcs_pwd2" value="{{ffcs_pwd}}" id="ffcs_pwd" style="width:200px">
<br>

<input type="checkbox" name="same" id="same" unchecked> 
 Same password for both 
 <br>

<input type="submit" value="Log In">

”

Answer 1

两个密码的ng-model保持不变，如下面的代码所示。如果为true，请使用复选框值，然后您可以将密码密码值提供给fcfs密码，例如

Registration number : <input type="text" ng-model="regno"/>
Moodle Password : <input type="text" ng-model="modpass"/>
Ffcs Password : <input type="text" ng-model="fcfs"/>
Same password for both : <input type="checkbox" ng-model="chkbox"/>

if($scope.chkbox){
    $scope.fcfs = $scope.modpass
}

或者您可以在Moodle密码模型上使用$ watch。

两个文本框之间的ng-model应该基于复选框输入工作

1 个答案: