什么是AngularJS中的ng-binding?

前端之家收集整理的这篇文章主要介绍了什么是AngularJS中的ng-binding?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是一个AngularJS新手,并试图找出在这个例子中class = ng-binding做了什么:
<label ng-dblclick="editTodo(todo)" class="ng-binding">fghfgh</label>

我在这里找到了:

http://todomvc.com/architecture-examples/angularjs/#/

我使用Chrome和开发人员工具。这是一个有角度的关键字?我在手册中找不到它(http://docs.angularjs.org/api/ng.directive:ngBind)

class =“ng-binding”由Angular内部使用。例如,查看 ngBind source,我们发现这行添加了类并使用 .data将绑定与它相关联:
element.addClass('ng-binding').data('$binding',attr.ngBind);

这就是为什么这行Angular源(注意{{todo.title}}上的双重卷曲导致ngBind):

<label ng-dblclick="editTodo(todo)">{{todo.title}}</label>

被翻译成您在调试器中看到的内容

<label ng-dblclick="editTodo(todo)" class="ng-binding">fghfgh</label>

所以class =“ng-binding”不是你应该使用的东西。你会发现Angular经常使用类,注释和其他标记 – 所以你经常会看到原始html和Angular处理结果之间的这种变化。

原文链接:https://www.f2er.com/angularjs/144019.html

猜你在找的Angularjs相关文章