如何在刷新頁面時將先前的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中，因為每當頁面重新加載時，它將重新初始化該值。