获取AngularUI Mask以使用Angular Material

时间:2017-06-09 19:53:43

标签: angularjs angular-material angular-ui

我有一个利用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

1 个答案:

答案 0 :(得分:4)

添加:

ui-options={addDefaultPlaceholder:false}

这会隐藏输入掩码,直到onBlur发生。

无论有没有标签,它都有效。

这是一个掠夺者:http://plnkr.co/edit/TQxPE2XLG5on1JSKHRHq?p=preview