如何在没有自定义HTML标签的情况下使用AngularJS

How to use AngularJS without custom HTML tags?

本文关键字：情况下 AngularJS 标签 HTML 自定义      更新时间：2023-09-26

我试图使用UI Bootstrap的内联日期拾取器，但它与自定义标记一起工作:

<datepicker ng-model="dt" min-date="minDate"></datepicker>

我的模板处理器不支持自定义标签，是否有一种方法可以让它与标准标签一起工作，例如<div ng-something="datepicker"></div> ?

关于AngularJS如何/为什么在这里和这里使用自定义标签已经有了讨论，AngularJS有一些关于如何使IE8使用JS接受自定义标签的文档，但我的问题是在HTML生成步骤，即它不是浏览器的问题。

注意，我不能改变我的模板处理器，这个问题比这个更大，因为如果你想要一个符合w3c的HTML，你必须使用标准标签。AngularJS允许你使用标准属性(通过添加data-)，但是我找不到使用标准标签的方法。

您可以尝试这样做:

<div data-datepicker ng-model="dt" min-date="minDate"></div>

编辑:它应该起作用，因为来自ui-bootstrap (https://github.com/angular-ui/bootstrap/blob/master/src/datepicker/datepicker.js)的日期拾取器指令似乎将restrict属性设置为'EA'，这意味着，您可以通过E元素或A属性使用它。因此，我认为您可以按照上面提供的示例进行操作。

相关文章：