禁用继续/下一步按钮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等