禁用角度为2的"继续/下一步"按钮jquery步骤

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等。