gpt4 book ai didi

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

转载 作者:IT王子 更新时间:2023-10-29 02:55:48 26 4
gpt4 key购买 nike

我正在尝试创建一个包含电话的数组,我有这段代码

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

但是我无法访问 $scope.telephone

最佳答案

第一件事就是第一件事。您需要在 Controller 中将 $scope.telephone 定义为数组,然后才能在您的 View 中开始使用它。

$scope.telephone = [];

要解决附加新输入时无法识别 ng-model 的问题 - 为此,您必须使用 $compile Angular 服务。

来自Angular.js API reference on $compile :

Compiles an HTML string or DOM into a template and produces a template function, which can then be used to link scope and the template together.

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

关于javascript - 如何使用 AngularJS ng-model 创建数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21631700/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com