2017-06-09 5 views
1

Ich habe ein Projekt, das das Angular-Material-Framework verwendet, in dem ich versuche, die Angular UI-Maske für die Telefonnummernformatierung in einem Eingabefeld zu verwenden. Ich kann jeden einzeln arbeiten lassen (das Materialetikett funktioniert ohne die Maske einwandfrei und die Maske funktioniert ohne die Materialbezeichnung gut). Ich bin nicht in der Lage, sie zur Zusammenarbeit zu bringen, wo ich möchte, dass der Platzhalter im Eingabefeld "Telefonnummer" liest und dann diesen Platzhalterübergang auf eine Beschriftung oberhalb der Eingabe (als Materialeingabe) hätte und dann haben soll Die Maske erscheint in der Textbox. Der einzige Weg, wie ich diese zum Laufen bringen kann, ist der Platzhalter und das Label gleichzeitig.AngularUI-Maske mit Winkelmaterial arbeiten

-Code ist einfach:

<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> 

Hier die Plunker ist: http://plnkr.co/edit/fXIRnKwdnBPwEODYuTBP

Antwort

Verwandte Themen