如何使用AngularJS的ng-model创建数组

Question

我正在尝试创建一个容纳电话的阵列，我有此代码

<input type="text" ng-model="telephone[0]" />
<input type="text" ng-model="telephone[1]" />

但我无法访问$ scope.telephone

Answer 1

第一件事是第一。您需要先$scope.telephone在控制器中定义为数组，然后才能在视图中开始使用它。

$scope.telephone = [];

要解决在添加新输入时无法识别ng-model的问题-为此，您必须使用$compileAngular服务。

从$ compile的Angular.js
API参考中
：

将HTML字符串或DOM编译为模板，并生成模板函数，然后可将其用于将范围和模板链接在一起。

// I'm using Angular syntax. Using jQuery will have the same effect
// Create input element
var input = angular.element('<div><input type="text" ng-model="telephone[' + $scope.inputCounter + ']"></div>');
// Compile the HTML and assign to scope
var compile = $compile(input)($scope);

看看JSFiddle