Question

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

例如，有时我会看到类似（ng 冒号点击）的内容：

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

有时候我会看到（ng 破折号点击）：

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

在Angular文档中，指令显示为“ ngClick ”（没有短划线或冒号的camelcase）。此外，在某些地方，我看到过：数据点击

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

Answer 1

没有区别，这一切都取决于你的编程风格。我认为ng-click是迄今为止最流行的风格。

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

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

});

然后：

<div test-directive></div>

来自angular docs：

最佳实践：首选使用划线分隔格式（例如ng-bind 对于ngBind）。如果您想使用HTML验证工具，则可以而是使用数据前缀版本（例如ngBind的data-ng-bind）。上面显示的其他表格因遗留原因而被接受，但我们建议你避免它们。

Answer 2

对于AngularJS，

ng-click，ng:click和ngClick都是一样的，你可以使用自己喜欢的任何一个，不过我认为ng-click就是你的方式通常看它被使用。
data-是可用于embed custom data的HTML5前缀，它有助于确保您的HTML通过验证并使某些IDE无法显示未知属性的错误。

AngularJS，ng-click vs ng：点击vs ngClick

2 个答案: