無効にするcontinue/next button角度2のjqueryステップ

Question

正確な条件を満たすまで、jqueryステップの続行ボタンを無効にする必要があります。 例：ユーザー名を入力せずにユーザーが続行を許可しない（単純に無効にする）

どのようにすればいいですか？事前

Answer 1

で

ありがとうございますtemplate driven formsを見ている必要があります。あなたがAngular 2開発をしているときに習得する重要な概念があります。これはその1つです。 https://angular.io/docs/ts/latest/guide/forms.html

これに基づいて、すべてのフィールドをカプセル化するフォーム要素を作成し、塗りつぶす必要のある要素にrequired属性を追加した場合は、次のようになります（ex ：userName）、必要なフィールドのいずれかが入力されていない場合、ボタンは無効になります。フォーム内の

<input type="text" class="form-control" id="userName" 
      required 
      [(ngModel)]="yourModel.yourProperty" name="userName" 
      #userName ="ngModel"> 

例ボタン：required属性を持つ

例入力または

<button type="submit" class="btn btn-success">Submit</button> 

、あなたはフォームを使用したくない、あなたは今、急いでいる場合にはボタンのdisabled属性にバインドし、必要なフィールドがすべて存在するかどうかを確認した後にブール値を返すメソッドを実行できます。

<button [disabled]="!isMissingRequiredFields()">Continue</button> 

そして、あなたが必要とされるすべての入力フィールドのためngModelバインディングを使用する必要がありますし、あなたがisMissingRequiredFields()方法でチェックされますことを、あなたのコンポーネントTS内からDOM要素にアクセスするようにファンキーな何かをやって終わりではありませんので、ファイルを取得してinnerTextなどを取得します。