如何使用Angular2指令添加材质图标

时间:2017-10-19 15:36:56

标签: typescript angular-material angular2-directives

我有这个代码可以在输入中添加搜索图标,并且工作正常

<md-form-field> <span mdPrefix><md-icon>search</md-icon></span> <input type="text" mdInput> </md-form-field>

因为实际的代码比上面的更复杂并且非常重复,所以我想将它封装在一个看起来像这样的@Directive中。

<md-form-field> <input type="text" mdInput addSearchMatIcon> </md-form-field>

当然,一个选项是将所有这些封装在@Component中,这很容易,但是我将失去对编辑输入属性的访问权限,这需要根据我需要使用的位置进行自定义。而且我不想为所有潜在的输入定制选项写一个属性

0 个答案:

没有答案