Angular ng-repeat vs data-ng-repeat [重复]

Posted

技术标签:

【中文标题】Angular ng-repeat vs data-ng-repeat [重复]【英文标题】:Angular ng-repeat vs data-ng-repeat [duplicate] 【发布时间】:2014-01-18 16:57:24 【问题描述】:

Angularjs 中的ng-repeatdata-ng-repeat 有什么区别吗?

我相信还有其他带有data 前缀的指令。

谢谢

【问题讨论】:

【参考方案1】:

它们是别名。 Angular 允许同时命名指令。 data-ng-repeat 允许通过不理解 Angular 的验证器来验证 html

文档是here with directives。

这是来自文档:

Angular 规范化元素的标签和属性名称以确定 哪些元素匹配哪些指令。我们通常指 指令由它们区分大小写的 camelCase 规范化名称(例如 模型)。但是,由于 HTML 不区分大小写,因此我们指的是 DOM 中的指令以小写形式表示,通常使用 DOM 元素上以破折号分隔的属性(例如 ng-model)。

所有这些都是有效的:

  <span ng-bind="name"></span> <br/>
  <span ng:bind="name"></span> <br/>
  <span ng_bind="name"></span> <br/>
  <span data-ng-bind="name"></span> <br/>
  <span x-ng-bind="name"></span> <br/>

AFAIK,您可以在 Angular 解析的 any 指令中使用这些命名约定。

【讨论】:

+1 完美答案。谢谢。

以上是关于Angular ng-repeat vs data-ng-repeat [重复]的主要内容,如果未能解决你的问题,请参考以下文章

如何从其他`ng-repeat`元素获取`data`到当前元素指令

Angular 5 ng-repeat 实现

Angular中的ng-repeat元素之间的差距

Angular - 无法使 ng-repeat orderBy 工作

Angular.js ng-repeat 跨多个元素

使用 angular 和 ng-repeat 从 Ajax JSON 加载表