2016-10-08 5 views
0

角度2のフィールド入力でマスクインを作成するにはどうすればよいですか?角度2のフィールド入力でマスクインを作成する方法は?

私はprimeNGを使用しようとしましたが、必須の属性は機能しません。 私はまたangular2-text-maskを試しましたが、動作しません。

どのような提案ですか?

新情報

私はこのライブラリを使用:https://github.com/text-mask/text-mask/tree/master/angular2

1 - まず、私がインストールさ:NPM私は

2 --save-テキストマスクをangular2 - それから私は、モジュールに含まれます:

import MaskedInput from 'angular2-text-mask' 
 

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

3 - そして、私は私のコンポーネントに含まれています

@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 - マイform.html:

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

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

5 - 結果:

enter image description here

**ソート済み! **

私は問題ではないと判断しました。私は別の解決策を使用しました。 プラグインマスクのjQueryを使用しました。プラグインとアンギュラ2の統合を行いました。 コメントした人に感謝します!

+0

お試しください。いくつかのコードを投稿してください。 –

+0

私はangular2-text-maskを使用しています。問題とコードを投稿してください。 – Sefa

+0

私はそれが何かsystemjs.config.jsを変更する必要があると思うが、チュートリアルの情報はない –

答えて

0

彼らの文書によると、 MaskedInputの代わりにTextMaskModuleをインポートする必要があります。

少なくとも今のところこの方法で動作します。

関連する問題