【Angularサンプルプログラム解説（２）】入力チェックについて

・
・
・
    // 入力フォーム入力チェック定義
    this.goodsForm = fb.group({
      // 商品名：必須チェック
      'goodsNm' : [null, Validators.required],
      // 値段：必須チェック
      'price' : [null, Validators.required],
      // 在庫数：必須チェック
      'stock' : [null, Validators.required],
      // 基本情報：必須チェック
      'basicInfo' : [null, Validators.required],
      // キーワード：入力チェックなし
      'keyword' : false,
      // 写真：入力チェックなし
      'picture' : false
    });
  }
・
・
・

・
・
・
            <h2>商品情報入力</h2>
            <form [formGroup]="goodsForm">
                <table>
                    <tr>
                        <md-input-container>
                            <input mdInput placeholder="商品名（必須）" [formControl]="goodsForm.controls['goodsNm']" maxlength="255" [(ngModel)]="goods.goodsNm">
                                <md-error *ngIf="!goodsForm.controls['goodsNm'].valid && goodsForm.controls['goodsNm'].touched">
                                    入力してください
                                </md-error>
                        </md-input-container>
                        <br/>
                        <br/>
                    </tr>
                    <tr>
                        <md-input-container>
                            <input mdInput type="number" placeholder="値段（必須）" [formControl]="goodsForm.controls['price']" maxlength="8" [(ngModel)]="goods.price">
                                <md-error *ngIf="!goodsForm.controls['price'].valid && goodsForm.controls['price'].touched">
                                    入力してください
                                </md-error>
                        </md-input-container>
                        <br/>
                        <br/>
                    </tr>
・
・
・

・
・
・
                    <tr>
                        <label>画像</label>
                        <fancy-image-uploader [options]="options" (onUpload)="onUpload($event)"></fancy-image-uploader>
                        <md-input-container class="hidden">
                            <input mdInput placeholder="画像" class="hidden" maxlength="255" [(ngModel)]="goods.picture" [ngModelOptions]="{standalone: true}">
                        </md-input-container>
                        <br/>
                        <br/>
                    </tr>
                    <tr>
                        <button md-raised-button [disabled]="!goodsForm.valid" color="primary" (click)="goodsPassSet()" routerLink="/goodsregistconfirm" >確認画面へ</button>
                    </tr>
                </table>
            </form>
・
・
・