根据条件定制md芯片

时间:2017-01-10 17:24:42

标签: angular-material

我在我的应用程序中使用md-chips但是我无法根据某些条件定制芯片。让我们假设我有两个芯片,其中一个我想要readonly和另一个可移动。但是,当我尝试readonly时,它正在使两个芯片都是只读的。有什么建议吗?

1 个答案:

答案 0 :(得分:2)

对于ng-material中的单个实例,这显然是不可能的。但是根据您要完成的任务有一个解决方法,可以让您在不同的条件下显示不同位置的相同芯片组。

您可以做的是在您的网页上有两个不同的<md-chips>个实例,并且ng-model相同,以便它们彼此匹配。

一个md-chips可以将readonly设置为true,另一个20可以设置为可写和可移除。如果您尝试在一个位置显示“选定芯片”或“当前芯片”,并在编辑区域中的其他位置显示相同芯片,则此功能非常有用。