Bootstrap材料设计-动态加载数据时浮动标签不浮动答案

【问题标题】：Bootstrap material design- floating labels are not floated when data is loaded dynamicallyBootstrap材料设计-动态加载数据时浮动标签不浮动
【发布时间】：2015-04-25 15:53:11
【问题描述】：

我正在为我的 Angular 应用程序使用引导材料设计。一切正常，除非我在页面加载后以编程方式更改与输入关联的模型（浮动标签输入），浮动标签不会浮动。

【问题讨论】：

标签： twitter-bootstrap material-design bootstrap-material-design

【解决方案1】：

如果您使用的是 Angular2，则不需要自定义指令。在标签上做这样的事情。

<label [class.active]="name && name.length > 0">Some Label</label>

【讨论】：

【解决方案2】：

当您以编程方式更改值时，您必须触发 change 事件。

【讨论】：

一个干净的方法是改变 ng-model 指令，正如 github 上的Josephdias92 this comment 所提议的那样。
是的，其实如果有人想使用Angular、React等框架应该避免使用内置的JS并编写自己的组件