在AngularJS中,ng绑定的作用是什么?
我是一名AngularJS新手,试图弄清楚在本例中,在AngularJS中,ng绑定的作用是什么?,angularjs,Angularjs,我是一名AngularJS新手,试图弄清楚在本例中,class=ng binding做了什么: <label ng-dblclick="editTodo(todo)" class="ng-binding">fghfgh</label> 我使用Chrome和开发者工具。这是一个有角度的关键词吗?我在手册中找不到它()class=“ng binding”由Angular内部使用。例如,查看,我们发现这一行添加了类并使用以下命令将绑定与之关联: 这就是为什么这行角度源(注意{
class=ng binding
做了什么:
<label ng-dblclick="editTodo(todo)" class="ng-binding">fghfgh</label>
我使用Chrome和开发者工具。这是一个有角度的关键词吗?我在手册中找不到它()class=“ng binding”
由Angular内部使用。例如,查看,我们发现这一行添加了类并使用以下命令将绑定与之关联:
这就是为什么这行角度源(注意{{todo.title}}
上的双卷曲导致ngBind
):
{{todo.title}
转换为调试器中显示的内容:
<label ng-dblclick="editTodo(todo)" class="ng-binding">fghfgh</label>
fghfgh
因此,您不应该使用class=“ng binding”
。您会发现Angular经常使用类、注释和其他标记-因此您经常会看到原始html和Angular处理结果之间的这种更改。来自:
ng绑定
用法:angular将此类应用于附着到
数据绑定,例如通过ng bind或{{}花括号。(见
指南)
因此angular动态地应用了类ng binding
,以便编译器理解,元素具有与其关联的数据绑定
作为开发人员,我们不必担心这个问题,除非我们对这些类应用了一些样式 这仍然不能回答为什么angular添加了ng绑定类
element.addClass('ng-binding').data('$binding', attr.ngBind);
<label ng-dblclick="editTodo(todo)">{{todo.title}}</label>
<label ng-dblclick="editTodo(todo)" class="ng-binding">fghfgh</label>