如何在刷新页面时将先前的ng-click初始化值保留为ng-init值

Question

我有ng-repeat ，对于每个图像， 喜欢和不喜欢的按钮的数量都会改变。

但是，刷新页面时，它会提供ng-init值，而不是之前增加的like和dislike值的计数。

即使刷新页面后，如何保持增量值？

<button class="btn btn-default" id="{{$index}}" ng-click="count1=count1+1" ng-init="count1=15">Upvote <span class="badge">{{count1}}</span></button>

<button class="btn btn-default" id="{{$index}}" ng-click="count=count+1" ng-init="count=15">Downvote<span class="badge">{{count}}</span></button>

Answer 1

如果您对ng-init的值进行硬编码，则它将始终相同。 您可以通过将喜欢和不喜欢的计数保存在HTML 5 localstorage中的值来跟踪喜欢或不喜欢的计数，或者使用ajax请求从具有数据库的服务器中保存和检索不喜欢的数据。

Answer 2

ng-init将始终在页面刷新时触发。 您将需要某种持久的后端/数据库，或者像Nicolas所说的HTML 5 localstorage，以将count数值保存到DOM之外。

您也可以使用json-server之类的东西。

这是有关设置和使用它的文章。

本文向您展示如何将其与Angular 4连接。不是正在使用的Angular版本，但通读它可能有助于您概念化将count数据从Angular获取到持久位置。

Answer 3

您可以将递增的值保存在HTML 5 Storage，数据库和cookie中，因为每当页面重新加载时，它将重新初始化该值。