如何使用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