我有一个 Angular 应用程序。 我如何从两个或多个输入中添加一个 ng-model 值。 这是我的输入:
<input type="text" class="form-control input-md" name="type" ng-model="flat.flatData.type" placeholder="Flat type" >
在这种情况下一切正常，但我想添加更多输入。在这个模型中，我想要一个数组。 结果我想要这样的东西:
- 第一个输入值 = type1
- 第二个输入值 = type2
- 他们的输入值 = type3
等等。 最后我想在这个模型中有一个数组 [type1, type2, type3]
最佳答案
编辑: 好吧，我承认我之前没有听懂你的问题，但我想我现在听懂了。这听起来像是您正在尝试做的事情:
html
<div ng-repeat="(key, item) in vm.numbers track by $index">
<input type="text" ng-model="item" ng-change="vm.updateSum()">
</div>
<button ng-click="vm.addInput()">+</button>
<br><br>
array:
<div>{{vm.numbers}}</div>
sum:
<div>{{vm.sum}}</div>
js:
var vm = this;
vm.numbers = [99,2,3,4,5,6,7,8];
vm.sum = 0;
vm.updateSum = function() {
for (var i = 0; i < vm.numbers.length; i++) {
vm.sum = vm.sum + vm.numbers[i];
}
}
vm.updateSum();
vm.addInput = function(){
vm.numbers[vm.numbers.length] = 0;
}
http://plnkr.co/edit/XiI8Sc?p=preview
旧答案:
根据您需要的流程，这将是一个指令或多个指令的主要用例。一个非常常见且有很多答案的类似用例是表单需要比较两个字段并确保它们相同(例如，“输入密码两次”以进行注册)。我建议查一下。
与此同时，您会想要以某种方式模拟功能，所以这里有一个 plnkr，其中包含通过 $watch 工作的基础知识
js
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
var vm = this;
$scope.$watch('vm.one', function() {
vm.three = parseInt(vm.one) + parseInt(vm.two);
console.log('one change');
});
$scope.$watch('vm.two', function() {
vm.three = parseInt(vm.one) + parseInt(vm.two);
});
});
html
<body ng-controller="MainCtrl as vm">
<input type="text" ng-model="vm.one"><br><br>
<input type="text" ng-model="vm.two"><br><br>
<input type="text" ng-model="vm.three">
<div>{{vm.one}}</div>
<div>{{vm.two}}</div>
<div>{{vm.three}}</div>
</body>
关于javascript - 如何从两个输入添加到 Angular ng-model 值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31970598/