自动更新值

debugcn 发表于 Dev

西尔代兹

我有

 <input type="range" ng-init="overral=0" ng-model="overral"/> {{overral}}

 <input ng-model="value1" type="number" ng-init="value1=10" />
 <input ng-model="age1" type="number" ng-init="age1=30" />
 <input ng-model="postal1" type="number" ng-init="postal1=25" />

例如，当我将“overral”更新为 40 时，我需要：

value1 = valu21*40;
age1= age1*40;
postal1= postal1*40;

或者我将“overral”更新为 80，例如：

value1 = valu21*80;
age1= age1*80;
postal1= postal1*80;

但我需要在输入中自动更新

编辑1：

 <input type="range" ng-model="overral" ng-init="overral=0" /> {{overral}}

 <input ng-model="value1"  type="number" ng-value=10*overral />
 <input ng-model="age1"    type="number" ng-value=40*overral />
 <input ng-model="postal1" type="number" ng-value=25*overral />

它的工作，但我需要这个，因为我需要先查看原始值，然后计算是否高于 0：

<input type="range" ng-model="overral" /> {{overral}}

<input ng-model="value1" type="number" ng-init="value1" ng-value=value1*overral /> 
<input ng-model="age1" type="number" ng-init="age1" ng-value=age1*overral /> 
<input ng-model="postal1" type="number" ng-init="postal1" ng-value=postal1*overral />

布赖恩

我认为这就是你想要的，使用ng-value。按照最初的要求，没有控制器。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.min.js"></script>
<div ng-app>

  <input type="range" ng-model="overral" /> {{overral}}

  <input ng-model="value1"  type="number" ng-value=10*overral />
  <input ng-model="age1"    type="number" ng-value=40*overral />
  <input ng-model="postal1" type="number" ng-value=25*overral />

</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。