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

Question

我正在尝试使用UI Bootstrap的内联日期选择器，但它适用于自定义标记：

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

我的模板处理器不支持自定义标签，是否可以使用标准标签，例如类似于<div ng-something="datepicker"></div>？

有关AngularJS如何/为何使用自定义标记here和here的讨论，AngularJS对如何使用JS接受自定义标记有一些doc，但我的问题是在HTML生成步骤中，即浏览器不存在问题。

请注意，我无法更改模板处理器，而且这个问题比这要大，因为如果要使用符合W3C标准的HTML，则必须使用标准标记。 AngularJS允许您使用标准属性（通过前置data-），但我找不到使用标准标记的方法。

Answer 1

你可以尝试这些方法：

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

编辑：它应该有效，因为来自ui-bootstrap（https://github.com/angular-ui/bootstrap/blob/master/src/datepicker/datepicker.js）的datepicker指令似乎将restrict属性设置为'EA'，这意味着你可以使用它E lement或A ttribute。所以我认为你很高兴看到上面提供的例子。