我正在尝试使用UI Bootstrap的嵌入式datepicker,但它可以与自定义标记一起使用:
<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)中的datepicker指令似乎将restrict
属性设置为'EA'
,这意味着,您可以通过E
元素或A
属性来使用它。因此,我认为上面的示例很好。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句