2016-10-08 5 views
0

wie create mask in in field eingang mit angular 2?wie create mask in in field eingang mit angular 2?

Ich versuchte mit PrimeNG aber das Attribut "erforderlich" funktioniert nicht. Ich versuchte auch angular2-text-mask jedoch nicht funktioniert.

irgendein Vorschlag?

Neue Informationen

ich diese Bibliothek verwendet: https://github.com/text-mask/text-mask/tree/master/angular2

1 - Zuerst habe ich installiert: npm i angular2-text-Maske --save

2 - dann schließt i in Modul :

import MaskedInput from 'angular2-text-mask' 
 

 
@NgModule({ 
 
    imports:  [ FormsModule, HttpModule ], 
 
    declarations: [ MaskedInput ], 
 
    providers: [ appRoutingProviders ], 
 
    bootstrap: [ AppComponent ] 
 
}) 
 
export class AppModule { }

3 - dann schließe die ich in meiner Komponente:

@Component({ 
 
    selector: 'my-app', 
 
    providers: [LojaService], 
 
    templateUrl: 'app/admin/loja/loja-form/form.html' 
 

 
}) 
 

 
export class FormComponent { 
 
    public mask = ['(', /[1-9]/, /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/] 
 

 
    ... 
 
}

4 - My form.html:

<form (ngSubmit)="onSubmit(f)" #f="ngForm"> 
 
... 
 

 
    <input [textMask]="{mask: mask}" [(ngModel)]="myModel" type="text"/> 
 
    
 
... 
 
</form>

5 - Ergebnis:

enter image description here

** aussortiert! **

Ich entschied mich nicht für das Problem. Ich habe eine andere Lösung benutzt. Ich habe ein Plugin maskiert jQuery verwendet. Ich habe die Integration von Plugin mit eckigen 2. Ich danke denen, die kommentiert!

+0

Bitte zeigen Sie uns, was Sie versucht haben. Veröffentlichen Sie einen Code. –

+0

Ich benutze angular2-text-maske und es funktioniert. Bitte poste dein Problem und deinen Code. – Sefa

+0

Ich denke es sollte etwas systemjs.config.js ändern, jedoch das Tutorial keine Informationen –

Antwort

0

Nach ihren Unterlagen. Sie sollten importieren TextMaskModule anstelle von MaskedInput

Zumindest funktioniert es jetzt so.