Question

请在这方面帮助我，

我在AngularJS控制器中动态生成了两个输入字段。我将第一个输入值输入第二个输入值，第二个输入字段是readonly。

如果第二个输入值大于50，则应显示除法。

<input type="number" ng-model="firstInput"><br/>
<!--Some code depend on input value -->
<input type="number" ng-value="firstInput" ng-model="secondInput" readonly><br/>
<div ng-if="secondInput>50">Hello</div>

在这里，我必须使用第二个输入模型检查div ng-if，而不是第一个输入。

Answer 1

如果你想使用两个变量，你可以在控制器中将firstInput的值分配给secondInput使用 $watch ，

   $scope.$watch('firstInput', function() {
           $scope.secondInput = $scope.firstInput;
   });

<强>样本

＆＃13;

var app = angular.module('myApp', []);
app.controller('AppCtrl', function($scope) {
 $scope.$watch('firstInput', function() {
       $scope.secondInput = $scope.firstInput;
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
 <div ng-app="myApp" ng-controller="AppCtrl">
<input type="number" ng-model="firstInput"><br/>
<!--Some code depend on input value -->
<input type="number"  ng-model="secondInput"    readonly><br/>
<div ng-if="secondInput>50">Hello</div>
</div>

＆＃13;

Answer 2

试试这个

 <input type="number" ng-model="firstInput"><br/>
 <input type="number" ng-value="secondInput = firstInput" ng-model="secondInput" readonly><br/> 
 <div ng-if="secondInput > 50">Hello</div>

＆＃13;

var app = angular.module('myApp', []);
app.controller('AppCtrl', function($scope) {

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
 <div ng-app="myApp" ng-controller="AppCtrl">
<input type="number" ng-model="firstInput"><br/>
<!--Some code depend on input value -->
<input type="number" ng-value="secondInput = firstInput" ng-model="secondInput" readonly><br/>
<div ng-if="secondInput>50">Hello</div>
</div>

＆＃13;

Angular 1 ng模型无法处理第二个输入字段

2 个答案: