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

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

导读：我正在学习AngularJS,我对我遇到的指令的不同用法感到有些困惑. 例如,有时我会看到类似(ng冒号点击)的内容： tr ng:click="..." ... 有时我看到(ng dash click)： tr ng-click="..." ... 在Angular文档中,指令显示为“ngClick”(没有破折号或冒号的camelcase

我正在学习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.

（编辑：李大同）

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