<p>中的AngularJS本地存储数据

时间:2015-09-25 07:30:44

标签: angularjs local-storage

我正在构建一个AngularJS应用程序,我需要将p标签内的数据存储到本地存储中。挑战在于ng-model不能与p标签相关联。 实施例

<div class="row">
    <div class="col">
        <p>{{product.ID}}</p>
        <p>{{product.title}}</p>
        <button ng-click="addItem()">Add to Cart</button>
    </div>
 </div>

我有一个列表产品,我通过ng-repeat显示它,我想存储相应产品的product.ID和product.title 点击添加到购物车按钮。

1 个答案:

答案 0 :(得分:0)

我知道的最简单的解决方案是

<div class="row">
    <div class="col">
        <p>{{product.ID}}</p>
        <p>{{product.title}}</p>
        <button ng-click="addItem(product.ID, product.title)">Add to Cart</button>
    </div>
</div>

因此,如果您遍历您的entrys,angularjs将简单地用ID和标题替换变量。

http://plnkr.co/edit/Da42DI?p=preview

这里有一个小例子