在Angular中實現circliful jQuery插件

Question

我想在我的Angular應用中實現jQuery插件「circliful」。

爲了使circliful圖形工作，我需要設置數據屬性，如：

<div id="chart" data-text="30%" data-percent="30"></div> 

在JS：

$('#chart').circliful(); 

我的問題是與角指令整合它。
HTML存在於頁面加載中，但稍後使用$ http設置數據（並且可以多次更改）。

我嘗試設置數據是這樣的：

<div id="chart" data-text="{{mydata.text}}%" data-percent="{{mydata.num}}"></div> 

我想一個指令可以幫助我在這裏，但不明白我怎麼能建立一個driective將更新數據文本和每次範圍數據更改時數據 - 百分比？

Answer 1

在實現Jquery Circliful插件之前添加延遲。我也有同樣的問題，並應用延遲後，它的工作。

延時功能：

var delay = (function() { 
     var timer = 0; 
     return function(callback, ms) { 
      clearTimeout (timer); 
      timer = setTimeout(callback, ms); 
     }; 
    })(); 

用法：

delay(function(){ 
    $('#chart').circliful(); 
}, 5000);