我有一个控制器,控制器的模板/视图如下,
我的控制器
angular.module('myApp', []).
controller('myController', ['$scope', function($scope) {
$scope.myObject = {};
}]);
myView
<div class="container" ng-app="myApp">
<form name="myForm" novalidate ng-controller="myController">
<div class="form-group">
<label for="firstname" class="control-label col-xs-2">Name</label>
<div class="col-xs-10">
<input type="text" ng-model="myObject.firstname" id="firstname">
</div>
</div>
<div class="form-group">
<label for="lastname" class="control-label col-xs-2">LastName</label>
<div class="col-xs-10">
<input type="text" ng-model="myObject.lastname" id="lastname">
</div>
</div>
</form>
</div>
每当用户输入任何数据时,它都会反映到此处myObject
with firstname
and lastname
作为动态属性myObject
。
现在我的新要求是添加多个动态视图firstname
and lastname
在同一个视图中(为此我将创建一个指令并动态附加),现在我想要myObject
成为一个array of objects
like
myObjectArray = [{firsname: "abc", lastname: "xyz"},{firsname: "abc", lastname: "xyz"},{firsname: "abc", lastname: "xyz"},{firsname: "abc", lastname: "xyz"}]
这里每个对象应该使用角度双向绑定通过用户输入动态添加的视图来填充。但我不确定如何使用角度来实现此目的,以及每当添加新的指令模板以动态查看时如何将对象添加到数组。