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

时间:2018-04-18 17:03:58

标签: javascript html angularjs

我有ng-repeat,其中每个图片的计数不喜欢按钮都会更改。

但是,在刷新页面时,它会提供ng-init值而不是之前增加的类似不喜欢值的计数。

即使刷新页面后,如何保持递增的值?

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

3 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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

您还可以使用json-server之类的内容。

Here is an article设置并播放它。

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

答案 2 :(得分:0)

您可以在Html 5存储,数据库和数据库中保存增值值。 cookie,因为当页面重新加载时,它将重新初始化值。