动态更改ng-bind和ng-model

时间:2015-09-25 18:01:28

标签: javascript jquery angularjs angular-ngmodel ng-bind

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

52

我可以像Jquery一样改变这个属性:

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

但是,当我按下按钮复制节点时,不会发生angularJS(ng-bind)的魔力。 有人可以帮帮我吗?

1 个答案:

答案 0 :(得分:0)

使用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">

因此,如果您键入&#34;那&#34;在输入框中,它会将span标记绑定到 $ scope.quest.that ,等于&#34;某些随机值&#34;

同样,如果你输入&#34;这个&#34;在输入框中,它会将span标记绑定到 $ scope.quest.this ,等于&#34;其他一些值&#34;