Angular6 动态判断字段是否输入，控制某按钮是否可用

要求：忘记密码页面，输入手机号后才能点击“获取短信验证码”按钮，输入验证码后才能点击“下一页”按钮。

方法：1.定义两个全局变量用于动态判断是否输入了手机号和短信验证码：

2.初始化表单中动态验证是否填写了要求的两个字段，实时改变两个全局变量的值（boolean）：

3.页面上将两个用于判断状态的全局变量绑定到按钮的disabled属性上：

这样就可以实时的取到用户的输入，进行按钮状态的判断了。

 

进一步，想要控制点击“下一步”按钮时提交第一页表单（validateForm1），点击第二页的“确认”按钮提交第二页的表单（validateForm2）：

1.在服务中：

2.拆成两个表单分别进行验证：

3.点击“下一页”按钮，按钮上绑定的方法：

4.点击第二页的“确认按钮”，调用的方法：