AngularJS内部本地存储数据<；p>；

我正在构建一个AngularJS应用程序，我需要将p标记中的数据存储到本地存储中。挑战在于ng模型不能与p标签相关联。 范例

{{product.ID}

{{product.title}}

添加到购物车

我有一个产品列表，我正在通过ng repeat显示它，我想存储其对应产品的product.ID和product.title

---

单击“添加到购物车”按钮。

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

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

{{product.ID}

{{product.title}}

添加到购物车

因此，如果您遍历入口，angularjs将简单地用ID和标题替换变量

---

这里有一个小例子

酷！但问题是，您正在数组中对其进行排序，当客户端刷新页面时，数据将消失。因此，我需要使用本地存储。好的，我明白你的意思。因此，我的代码，你得到的对象的选择，然后你可以使用这个答案的代码：太好了！我在想，你是否可以再帮我解决一个问题（如果我不能回答你的问题，请提问，其他人可能也会回答你的问题。）

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