1
在我的應用程序中,我需要在同一頁面上使用多個計數器。這些計數器中的每一個將從0到100%計數,返回到0,並再次計數到100%。在Angularjs中管理多個計數器
我使用間隔此使用的代碼的下面簡化方塊
$interval(function() {
if (data[counter] < 100) {
data[counter] = data[counter] + interval;
} else {
data[counter] = 0;
}
}, 1000);
我試圖解決的要求來完成是:
- 計數器的頁上的量可以變化取決於DB的結果
- 根據事件,可以啓動或停止任何特定的計數器
- 計數器必須獨立於d被定義爲便於唯一的計數間隔
我覺得最好的辦法是創建一個獨立的代碼塊,當我期望開始計數時可以執行並且可以執行停止命令的塊。
我的第一次嘗試是在Angular中創建一個服務。它對第一個計數器非常有用,並且解決了最後2個需求,但是由於Angular將服務作爲單例處理,因此它不允許在頁面上使用多個獨立的計數器。
我的問題是尋找方法來解決這個問題。我已經看到了將服務創建爲API的建議,但我也看到了使用指令的潛力。有沒有人有建議?
這是創建一個指令一個完美的地方。使用參數計數創建一個稱爲計數器的指令。 – Toddsden
我很欣賞這些反饋。如果我要創建一個指令,它可以通過什麼方式來跟蹤單獨的計數器? –
我添加了一個使用下面的指令的例子。 – Toddsden