我有一个利用Angular Material框架的项目,我试图在输入字段上使用Angular UI Mask进行电话号码格式化。我能够让每个人单独工作(材料标签在没有面罩的情况下正常运行,并且面罩在没有材料标签的情况下工作得很好)。我无法让他们一起工作,我希望输入字段中的占位符能够读取"电话号码"然后将占位符转换为输入上方的标签(作为材质输入),然后将掩码显示在文本框中。我可以让它们工作的唯一方法是同时显示占位符和标签。
代码很简单:
<md-input-container>
<label>Phone Number</label>
<input aria-label="Phone Number" id="phone" name="phone" type="text" ng-value="phone" ng-model="phone" ui-mask="(999) 999-9999" ui-mask-placeholder placeholder="Phone Number">
</md-input-container>
这里是Plunker:http://plnkr.co/edit/fXIRnKwdnBPwEODYuTBP
答案 0 :(得分:4)
添加:
ui-options={addDefaultPlaceholder:false}
这会隐藏输入掩码,直到onBlur发生。
无论有没有标签,它都有效。