禁用繼續/下一步按鈕jquery步驟與角2

Question

我需要禁用jquery步驟的繼續按鈕，直到我符合確切的條件。 例如：沒有填充用戶名用戶不能允許繼續（簡單地禁用它）。

在角度環境中，我該如何做到這一點？

在此先感謝

Answer 1

你應該看看template driven forms。當你在做Angular 2開發時，有一些關鍵概念需要掌握，這就是其中之一。這將需要一些時間，但它是非常值得的努力：https://angular.io/docs/ts/latest/guide/forms.html

因此，基於此，如果您要創建一個表單元素封裝所有字段並將required屬性添加到需要填充的元素（前：userName），那麼如果沒有填寫任何必填字段，該按鈕將被禁用。

與required屬性例輸入：

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

實例按鈕表單裏面：

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

或者，如果你不想使用表單，你在趕時間，現在，您可以綁定到該按鈕的disabled屬性，並在檢查是否存在所有必填字段後執行返回布爾值的方法。

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

而且你應該使用ngModel綁定了所需要的所有輸入字段，並且您將在isMissingRequiredFields()方法來檢查，所以你最終不會做任何時髦的像從組件TS內訪問DOM元素文件和獲取他們的innerText等