39

从第一个角度来看，似乎data-ng-click可以将一些数据作为参数传递给方法，应该在按下按钮期间调用。

但我看不出有什么区别。

我遵循了代码片段：

HTML

<input 
    type="button" 
    value="Fess"
    ng-click="toggle(2)">

或者

<input 
    type="button" 
    value="Fess"
    data-ng-click="toggle(2)">

JS

$scope.toggle = function (valueS) {
    alert(valueS);        
}

两者都有效。

谢谢，

4

4 回答 4

36

他们是一样的东西。您可以data-ng-click用来制作有效的 html。

于 2013-05-12T09:19:17.913 回答
13

从指令的角度文档：

指令具有驼峰式名称，例如 ngBind。可以通过使用这些特殊字符 :、- 或 _ 将驼峰式名称转换为蛇形大小写来调用该指令。可选地，该指令可以以 x- 或 data- 为前缀，以使其符合 HTML 验证器。以下是一些可能的指令名称的列表：ng:bind、ng-bind、ng_bind、x-ng-bind 和 data-ng-bind。

出于实际目的，将它们排除在外是完全可以的。只是如果您通过 html 验证器服务运行它，它不会作为合规通过。

于 2013-05-12T09:23:41.370 回答
4

HTML5 能够在所有 HTML 元素上嵌入自定义数据属性

这些新的自定义数据属性由两部分组成：

属性名称 数据属性名称必须至少有一个字符长，并且必须以“data-”为前缀。它不应包含任何大写字母。

属性值 属性值可以是任何字符串。

<li data-spacing="30cm" data-sowing-time="February to March">Celery</li>

来源：http ://html5doctor.com/html5-custom-data-attributes/

于 2015-03-05T02:55:01.250 回答
4

在使用和不使用 Form 时发现了差异。

当我的元素在表单中时，它们的行为相同。

当我data-ng-click在不在表单内的元素上使用时，不会发生 Click 事件。

于 2015-12-30T10:43:13.043 回答