AngularJS,ng-click vs ng:点击vs ngClick

Question

我正在学习AngularJS,我对我遇到的指令的不同用法感到有些困惑.

例如,有时我会看到类似(ng 冒号点击)的内容:

<tr ng:click="..." ...>

有时我看到(ng dash click):

<tr ng-click="..." ...>

在Angular文档中,指令显示为" ngClick "(没有破折号或冒号的camelcase).另外,在某些地方,我见过:data-ng-click

这些不同形式之间有什么区别？

Answer 1

没有区别,这一切都取决于你的编程风格.ng-click我认为,这是迄今为止最受欢迎的风格.

当你创建自己的指令时,你应该总是在javascript中使用它,然后当你把它放在你的html元素中时,你应该使用由你喜欢的味道分隔的小写版本.我总是这样做:

angular.module('Test', []).directive('testDirective', function(){

});

然后:

<div test-directive></div>

从角度文档:

最佳实践:首选使用划线分隔格式(例如ng-bind为ngBind).如果要使用HTML验证工具,则可以使用数据前缀版本(例如,ngBind的data-ng-bind).上面显示的其他表单因遗留原因而被接受,但我们建议您避免使用它们.