angularjs - 让 AngularUI 掩码与 Angular Material 一起使用

Question

我有一个利用 Angular Material 框架的项目，我在其中尝试使用 Angular UI Mask 在输入字段上进行电话号码格式设置。我能够让每个人单独工作( Material 标签在没有面具的情况下正常工作，面具在没有 Material 标签的情况下工作得很好)。我无法让它们一起工作，我希望输入字段中的占位符读取“电话号码”，然后将该占位符转换为输入上方的标签(作为 Material 输入)，然后有掩码出现在文本框中。我可以让这些工作的唯一方法是同时显示占位符和标签。

代码很简单:

<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

Answer 1

添加:

ui-options={addDefaultPlaceholder:false}

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

它可以带或不带标签。

这是一个笨蛋: http://plnkr.co/edit/TQxPE2XLG5on1JSKHRHq?p=preview