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

使用角度2禁用继续/下一步按钮jquery步骤

1 个答案: