什么是AngularJS中的ng-binding？

发布时间：2020-12-17 08:04:09 所属栏目：安全来源：网络整理

导读：我是一个AngularJS新手，并试图找出在这个例子中class = ng-binding做了什么： label ng-dblclick="editTodo(todo)" class="ng-binding"fghfgh/label 我在这里找到了： http://todomvc.com/architecture-examples/angularjs/#/ 我使用Chrome和开发人员工具。

我是一个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处理结果之间的这种变化。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!