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

Question

I have several divs in my html.

<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>

I want to add hidden filed to clicked div with angular.js and remove all other hidden fields from other divs.

Is this possible at all to do with Angular.js ? In jquery simple .append is enough.

Answer 1

You might be able to.. but it wouldn't be very clear or succinct Angular code. You want to avoid DOM manipulation like this as much as you can with Angular. If you need to have a hidden field with a gift id, you could have just one in your view and ng-bind it to a variable in your scope.

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

Then your remeber_gift function could just update that saved_gift to the selected gift.id .