我有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>
答案 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,因为当页面重新加载时,它将重新初始化值。