Javascript 如何从两个输入添加到角度ng模型值_Javascript_Angularjs_Mongodb_Express

Javascript 如何从两个输入添加到角度ng模型值

javascript angularjs mongodb express

Javascript 如何从两个输入添加到角度ng模型值,javascript,angularjs,mongodb,express,Javascript,Angularjs,Mongodb,Express,我有一个角度的应用程序。如何从两个或多个输入中添加一个ng模型值。这是我的意见： <input type="text" class="form-control input-md" name="type" ng-model="flat.flatData.type" placeholder="Flat type" > 在这种情况下，所有工作正常，但我想添加一些更多的输入。在这个模型中，我想要一个数组。结果，我想要这样的东西：第一个输入值=类型1 第二个输入值=类型2 TH

我有一个角度的应用程序。如何从两个或多个输入中添加一个ng模型值。这是我的意见：

<input type="text" class="form-control input-md" name="type" ng-model="flat.flatData.type" placeholder="Flat type" >

在这种情况下，所有工作正常，但我想添加一些更多的输入。在这个模型中，我想要一个数组。结果，我想要这样的东西：

第一个输入值=类型1
第二个输入值=类型2
THERS输入值=类型3

等等。最后，我想在这个模型中有一个数组[type1，type2，type3]

编辑：好吧，我承认我以前没听过你的问题，但我想我现在知道了。这就是你想要做的：

html








{{vm.one}
{{vm.two}
{{vm.three}

单独的输入，以及一个控制器方法，将它们组合成一个数组。对不起，我不明白（也许你们有例子？），谢谢你们的回答。但用户可以添加，例如，10个输入，我会将其保存到数据库中的一个数组中。也许你有一些例子？在这个输入中，我会有一个字符串，也许你知道如何修改这个代码？如果任何输入是字符串，js只会将它们全部涂抹在一起，而不是2+2=4；'2' + 2 = '22'. 您可以使用parseInt（'2'）+parseInt（2）=4来解释这一点

<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>

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;
}

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);
  });
});

<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>