javascript - 如何使用 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为 selected gift.id。