使用模态中的另一个输入更改 ng-modal 输入值

Question

我想从另一个输入 ng-model 值更改具有 ng-model 的输入值。它没有这样做。 ng-model="quantity" 在 ng-repeat 内，ng-model="power" 在 ng-repeat 外。因此，当我更改 power 中的值时，所有 quantity 都应相应更改。

例如

 <input type="text" ng-model="quantity" value="{{quantity * power}}">
 <input type="text" ng-model="power" value="{{power}}">

Answer 1

试试这个。

angular.module('myApp', []).controller('mainCtrl', function ($scope) {
        $scope.quantities = [25, 6, 6.5, 80];
        $scope.quantitiesNewValue = [25, 6, 6.5, 80];
        $scope.power = 1;
 
   $scope.setValue = function(power){
      angular.forEach($scope.quantities, function(quantity,i){
         $scope.quantitiesNewValue[i] = power * quantity;
        });
     }
                 
    })

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="mainCtrl">
<h1>NG-MODEL Sample</h1>
<p><input type="text" ng-model="power" ng-change="setValue(power)" value="{{power}}" /></p>
<div ng-repeat="quantity in quantitiesNewValue">
Quantity: <input type="text" ng-model="quantity" />
</div>

Answer 2

你在 html 中有两个错误。

1) 在 power 的第一个输入字段中，您应该在 ng-model 中提供了 power，您也有错字，ng-mode 应该是 ng-model

ng-model="power" 而不是 ng-mode="p 在此处输入代码ower"

2) 在 ng-repeat 块中 ng-model 应该是表达式 (quantity*power) 而不仅仅是数量

ng-model="quantity*power" 而不是 ng-model="quantity"

Live Demo

您的 html 将是

<h1>NG-MODEL Sample</h1>
<p><input type="text" ng-model="power" value="{{power}}" /></p>
<div ng-repeat="quantity in quantities">
     Quantity: <input type="text" ng-model="quantity*power" value="{{quantity *         power}}"/>
</div>

使用模态中的另一个输入更改 ng-modal 输入值

Change ng-modal input value with another input in-modal

angularjs

angularjs-ng-repeat

angular-ngmodel