修改md-datepicker指令的HTML标记

时间:2016-05-11 10:05:46

标签: angularjs angularjs-material

我在页面中使用md-datepicker。我有一个要求,我需要在渲染的input元素中添加一个CSS类。有没有办法修改md-datepicker生成的标记?

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

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

1 个答案:

答案 0 :(得分:0)

无法直接修改呈现的HTML。 您可以检查source code以找出确切呈现的HTML及其背后的逻辑。例如,您可以注意到输入具有类"md-datepicker-input"。如果你想添加一个课程,你所能做的就是在你的md-datepicker标签上添加一个课程(让我们说“我的课程”#39;),然后选择合适的选择你的css,例如:md-datepicker.my-class input.md-datepicker-input