Как сделать слушателем атрибут данных (angularJS)?

Question

У меня есть таймер пирога js, который получает время от node.js и рисования круговой диаграммы.

здесь код:

здесь у меня есть несколько данных -... = «» атрибутов, который рендеринг круговой диаграммы

<div id="myStat2" data-dimension="104" data-text="45" data-percent="0"></div> 

здесь JQuery часть того, что у меня есть это как-то слушатель но не лучшее решение.

var time = 0; 
setInterval(function(){ 
    time = $('#myStat2').attr('data-percent'); 
    $('#myStat2').empty(); 
    $('#myStat2').attr('data-percent', time); 
    $('#myStat2').attr('data-text', parseInt(time)); 
    $('#myStat2').circliful({animationstep: 0}); 
}, 100); 

здесь является результатом того, что полностью вынесено:

здесь все правильно и работает нормально, но я предполагаю, что это не самое лучшее решение. Я думал, что могу сделать это через angularJS, но я не знаю, как он работает. Может ли кто-нибудь предложить мне что-то лучшее?

Answer 1

Большая концепция углового заключается в том, чтобы избежать такого рода привязок DOM, поскольку уже предусмотрено двухстороннее связывание данных. Я предполагаю, что myStat2 внутри углового масштаба, так почему бы не установить значение области на ваш взгляд:

<div id="myStat2" data-dimension="104" data-text="{{ dataText }}" data-percent="{{ dataPercent }}"></div> 

Вы можете изменить его прямо в $ объеме:

$scope.dataPercent = time; 
$scope.dataText = parseInt(time); 

Я не очень понимаю что вы пытаетесь достичь, однако, как этот код кажется бессмысленным:

time = $('#myStat2').attr('data-percent'); 
$('#myStat2').empty(); 
$('#myStat2').attr('data-percent', time); 

Я рекомендовал бы получить лучше понять из угловых и затем переместить эту диаграмму в какой-то директивы.