当前位置: 首页 > 面试题库 >

AngularJS中如何使用属性前缀“ x-”和“ data-”

锺离旻
2023-03-14
问题内容

我是Angular的新手,正在尝试了解前缀“ x-”和“
data-”的含义。在指令文档(http://docs.angularjs.org/guide/directive)中,这些前缀将使指令“符合HTML验证程序”。这到底是什么意思?


问题答案:

HTML5规范允许使用任意属性,只要它们带有数据前缀即可,如下所示:

<div data-myattribute=""></div>

而这将是无效的HTML5:

<div myattrbute=""></div>

有关数据属性的更多信息,请在此处查看。

至于“ x-”属性,我认为您是指“ x:”属性和元素,它们特定于XHTML验证…

为了对此进行扩展,如果您(出于某种原因)使用XHTML,则可以使用这样的命名空间来定义自定义属性(我只是在这里总结要点):

<html xmlns:x="http://sample.com/mynamespace">
<body>
   <div x:whatever=""></div>
   <x:mytag></x:mytag>
</body>
</html>

xmlns中的URL实际上只是为了防止相似元素之间发生冲突。此外,可以将自定义元素和属性的DTD作为验证类型提供,作为DOCTYPE声明的一部分。

*浏览器的行为会因这种xmlns方法而异。

总而言之,尽管: 在过去三年中发布的大多数浏览器(或IE8 +)中,您都不必担心这些事情。 只有在非常特殊的情况下,您才真正关心。



 类似资料:
  • Spring Boot提供了一种优雅的方法,可以使用将带有特定键前缀的属性注入Configuration类。这是显示在这里和这里。问题是,如何将前缀属性注入到实例中,如下所示?

  • 问题内容: 这是使用PHP生成的json 这样做显然行不通。我在其他文章中读到,需要为这种数据结构创建一个orderBy函数。我无法创建该功能。谁能告诉我解决此问题的正确方法是什么? 问题答案: 这些类型的数据操作我希望将它们保留在适当的角度对象中,因此,我将创建自定义过滤器,如下所示: 重要提示: 我建议您使用自定义过滤器,因为出于个人喜好,我不喜欢在控制器或其他对象上加载我可以在其他对象上分离

  • 问题内容: 提供了type的HTML元素,如何设置其属性的值,即范围变量和字符串的连接? 问题答案: 如官方文档中所述,指令在这里完全可以提供帮助 https://docs.angularjs.org/guide/interpolation#-ngattr-for-binding-to- arbitrary-attributes 例如,要设置元素的属性值以使其包含索引,则视图片段可能包含 这将被插

  • 问题内容: 我已经做过了,但是没有用。每当我访问它时,它都会转到。代码在这里给出: *我也添加了 *更新,但没有区别。另外,让我告诉您,我正在地址栏中输入地址,然后按Enter。我说的对吗?浏览器如何发现它不需要从服务器刷新? 更新#2 理想的情况是我想要的网址为和到。现在给出404 更新#3 我正在使用nginx代理,如果有帮助的话。 更新#4 擦除的缓存。现在我可以看到,而不是,但仍给404

  • 问题内容: JavaScript中的下划线前缀仅是约定,例如Python私有类方法中的约定吗? 从2.7 Python文档中: Python中不存在只能从对象内部访问的“私有”实例变量。但是,大多数Python代码遵循一个约定:以下划线开头的名称(例如_spam)应被视为API的非公开部分(无论是函数,方法还是数据成员) 。 这也适用于JavaScript吗? 以下面的JavaScript代码为例

  • 问题内容: 除了呈现对象中属性的值之外,我还想将属性名称呈现为标签。有办法做到这一点吗?例如: 可能会吐出这样的东西: 问题答案: 试试这个: