Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby-on-rails-4/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用angular 2禁用continue/next按钮jquery步骤_Jquery_Angular_Jquery Steps - Fatal编程技术网

使用angular 2禁用continue/next按钮jquery步骤

使用angular 2禁用continue/next按钮jquery步骤,jquery,angular,jquery-steps,Jquery,Angular,Jquery Steps,我需要禁用jquery步骤的continue按钮,直到满足确切条件。。 例:如果不填写用户名,用户不能允许继续(只需禁用它) 在这种情况下,我该怎么做 提前感谢您应该看看模板驱动表单。在进行Angular 2开发时,需要掌握一些关键概念,这就是其中之一。这需要一些时间,但值得付出努力: 因此,基于此,如果要创建一个封装所有字段的表单元素,并将required属性添加到需要填充的元素(例如:userName),那么如果任何必填字段未填充,则该按钮将被禁用 带有必需属性的输入示例: <

我需要禁用jquery步骤的continue按钮,直到满足确切条件。。 例:如果不填写用户名,用户不能允许继续(只需禁用它)

在这种情况下,我该怎么做


提前感谢

您应该看看
模板驱动表单
。在进行Angular 2开发时,需要掌握一些关键概念,这就是其中之一。这需要一些时间,但值得付出努力:

因此,基于此,如果要创建一个封装所有字段的表单元素,并将
required
属性添加到需要填充的元素(例如:userName),那么如果任何必填字段未填充,则该按钮将被禁用

带有
必需属性的输入示例:

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

您应该为所有必需的输入字段使用
ngModel
绑定,您将签入
isMissingRequiredFields()
method,这样你就不会做任何奇怪的事情,比如从组件ts文件内部访问DOM元素并获取它们的内部文本等。

hi muzurBurcu.。这不仅仅是一个简单的反应式表单。我使用jquery步骤插件,需要有一个“下一步验证”按钮
<button type="submit" class="btn btn-success">Submit</button>
<button [disabled]="!isMissingRequiredFields()">Continue</button>