javascript - 动态更改 ng-bind 和 ng-model

Question

我需要帮助。我有一个项目，我需要动态地重复 html 节点。这些节点具有 ng-bind 和 ng-model 属性，如下所示：

<input class="quest_model" type="text" data-ng-model="quest">
<span ng-bind="quest" class="quest_bind"></span>

我可以像这样使用 Jquery 更改此属性：

quest.find("span.quest_bind").attr("ng-bind", "quest" + seq);

但是，当我按下按钮复制节点时，angularJS(ng-bind) 的魔力不会发生。任何人都可以帮助我吗？

score 0 · Accepted Answer

使用 json 对象

$scope.quest = {
'this': 'some random value',
'that': 'some other value'
}
$scope.seq = 'this'

那么你所要做的就是在你的控制器中引用 json 对象

<span ng-bind="quest[seq]" class="quest_bind"></span>

将输入的 ng-model 设置为 $scope.seq ，这将允许您控制 span 元素绑定到的内容。

<input class="quest_model" type="text" ng-model="seq">

因此，如果您在输入框中键入“that”，它会将 span 标签绑定到$scope.quest.that，这等于“某个随机值”

同样，如果您在输入框中键入“this”，它会将 span 标签绑定到$scope.quest.this，这等于“某个其他值”

1 回答 1