如何动态添加 mdSuffix 组件

Posted

技术标签:

【中文标题】如何动态添加 mdSuffix 组件【英文标题】:How add mdSuffix component dynamically 【发布时间】:2018-02-23 20:51:24 【问题描述】:

我正在尝试向输入材料组件动态添加一个按钮作为 mdSuffix,以清除输入的值。 问题是我找不到可清除的组件。

Plunker Code :http://plnkr.co/edit/0wj67xTSameXE0qNIkad?p=preview

我该怎么做?

谢谢

【问题讨论】:

请在您的问题中添加相关代码 @Benjamin HERON,您还在寻找解决方案吗? 是的。建议的解决方案不适合我。我想通过指令添加删除功能 【参考方案1】:

试试这个:

<md-form-field >
    <input type="text" mdInput >
    <md-icon mdSuffix>highlight_off</md-icon>
</md-form-field>

或者这个:

<md-icon mdSuffix>clear</md-icon>

【讨论】:

以上是关于如何动态添加 mdSuffix 组件的主要内容,如果未能解决你的问题,请参考以下文章

角度如何动态添加组件列表

如何将组件动态添加到服务中的另一个组件

如何在 VueJs 中添加动态/异步/惰性组件

如何在AngularJS中动态添加组件?

Angular 表单:如何动态添加/删除子表单组件

如何在角度2中显示动态添加的组件列表