angularjs - 修改 md-datepicker 指令的 HTML 标记

Question

我md-datepicker在我的页面中使用。我有一个要求，其中我需要向呈现的input元素添加一个 CSS 类。有没有办法修改生成的标记md-datepicker？

<md-content>            
    <md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>
</md-content>

PS：添加 CSS 类只是一个简单的用例场景。将来可能需要进行更复杂的修改。因此，如果可能的话，我正在寻找一种方法来控制材料设计的 HTML。

Answer 1

无法直接修改呈现的 HTML。您可以检查源代码以找出准确呈现的 HTML 及其背后的逻辑。例如，您可以注意到输入具有 class "md-datepicker-input"。如果你想添加一个类，你所能做的就是在你的md-datepicker标签中添加一个类（比如说'my-class'），然后在你的css中制作适当的选择器，例如：md-datepicker.my-class input.md-datepicker-input