我是Angularjs和学习的新手。我正在尝试构建一个调用api服务的应用程序来获取值并在仪表板中对其进行更新。带有html5数据标签的角度表达
的HTML代码是如下,
其结果是,
的“{{计数}}”被评估,以在outerhtml的值,而是在“{{计数}} '在innerhtml中没有得到评估。我调试了代码,当我添加一个断点时,innerHTML'{{count}}'被评估。
这有点令人困惑。我认为这是因为在呈现innerHTML时没有加载数据,但是之后我试着评估表达方式,然后在此标记中调用它,并且完全评估它。那么数据加载理论不会加起来。
实际上,数据百分比值是作为easypiechart jquery的输入给出的,因为jquery在数据可用之前触发,所以它不生成动画。
有人可以解释如何整个渲染的作品。任何帮助将深表感谢。
控制器代码,
opsApp.controller('rookieController',function($scope,$http) {
$http.get('/api/rookieCount')
.success(function(data) {
$scope.count = data;
console.log(data);
})
.error(function(data) {
console.log('Error: ' + data);
});
});
更新: Jquery的其中指令被评估,
$.easyPieChart = function(el, options) {
var addScaleLine, animateLine, drawLine, easeInOutQuad, renderBackground, renderScale, renderTrack,
_this = this;
this.el = el;
this.$el = $(el);
this.$el.data("easyPieChart", this);
this.init = function() {
var percent;
_this.options = $.extend({}, $.easyPieChart.defaultOptions, options);
percent = parseInt(_this.$el.data('percent'), 10);
线
百分比= parseInt函数(_this $ EL。数据('百分比'),10);
是属性得到评估的地方。
2013-12-19
jperiasw
+0
你的意思是outerHTML与innerHTML的区别是什么? –
+0
我假设ng-attr-data-percent是你自己编写的指令?在大多数情况下,除非指令期望一个字符串,否则不应该使用双括号。也就是说,大多数指令需要一个模型somedir = model“ –
+0
@ExplosionPills - innerHTML是在html标签内的文本,而outerHtml表示在标签之间 –