Angularで使用する方法

Angular CLIを用いてAngularアプリケーションを作成する場合は、次の手順でInputManJSのコンポーネントを使用することができます。

まだAngular CLIがインストールされていない場合は、次のコマンドを実行して、Angular CLIパッケージをグローバルにインストールします。
```
npm install -g @angular/cli
```
Angularアプリケーションを作成します。
```
ng new inputmanjs-angular
```
アプリケーションプロジェクトのフォルダに移動します。
```
cd inputmanjs-angular
```
InputManJSのAngularパッケージをインストールします。
```
npm install @mescius/inputman.angular
```
src/styles.cssファイルで、スタイルをインポートします。
```
@import '@mescius/inputman/CSS/gc.inputman-js.css';
```

src/app/app.modules.tsファイルで、InputManModuleモジュールをインポートします。

import { InputManModule } from '@mescius/inputman.angular';

@NgModule({
:
  imports: [
:
    InputManModule
  ]
})

src/app/app.component.htmlファイルで、InputManJSのマスクコンポーネントを追加します。

<gc-mask [(value)]="maskValue" [formatPattern]="'〒\\D{3}-\\D{4}'"></gc-mask>
<br>
値: {{maskValue}}