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

前端之家收集整理的这篇文章主要介绍了AngularJS,ng-click vs ng:点击vs ngClick前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在学习AngularJS,我对我遇到的指令的不同用法感到有些困惑.

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

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

有时我看到(ng dash click):

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

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

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

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

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

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

});

然后:

<div test-directive></div>

angular docs

Best Practice: Prefer using the dash-delimited format (e.g. ng-bind for ngBind). If you want to use an HTML validating tool,you can instead use the data-prefixed version (e.g. data-ng-bind for ngBind). The other forms shown above are accepted for legacy reasons but we advise you to avoid them.

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

猜你在找的Angularjs相关文章