如何使用Angular.js将隐藏文件添加到表单

Question

我的html中有几个div。

<div ng-click="remeber_gift({{gift.id}})">div1</div>
<div ng-click="remeber_gift({{gift.id}})">div2</div>
<div ng-click="remeber_gift({{gift.id}})">div3</div>

我想使用angular.js向单击的div添加隐藏文件，并从其他div删除所有其他隐藏字段。

这与Angular.js完全可能吗？ 在jquery中，简单的.append就足够了。

Answer 1

您可能可以..但是它不是很清楚或简洁的Angular代码。 您希望尽可能避免使用Angular这样的DOM操作。 如果您需要一个带有礼物ID的隐藏字段，则视图中可以只有一个，并将其ng-bind绑定到您范围内的变量。

例如<input type="hidden" ng-bind="saved_gift" />

然后，您的remeber_gift函数可以将该saved_gift更新为所选的gift.id