首先需要知道表单验证，表单验证，所有的都是在表单内的也就是需要在<form>标签内的

然后给<form>标签一个name，如下面这样

然后需要用到input内置的几个验证

必填

验证是否已输入字符，只需在标签上加上 required ：

<input type="text" required />

Url

验证输入字符是一个URL地址，同样只需设定 input 的 type 属性为 url ，像这样：

<input type="url" name="homepage" ng-model="user.facebook_url" />

注意必填写在下拉框标签也是可行的

将这2个加入后

运用$invalid来验证之前的验证是否都是通过的未通过返回的就是true

formName.$invalid

这俩样给弄好后，大部分的都已经解决了，值得一提的是想要非正确url就禁用的话需要加上一个验证是否错误的属性 $error

formName.inputName.$error

最后ng-disabled的条件就变成了这样了

这样就能满足除了配图的禁用

配图的禁用就是用判断有没有从服务器收到返回的url，没收到就禁用，所以就变成了这样

最后有个出现行业大图时出现的下拉框

同理的就不说了

1，利用ng-disabled属性和ng-model实现禁用button效果

2，验证表单是否通过，限制不能点击按钮。

$valid （class：ng-valid） Boolean 表单按照规则是否验证通过，True是通过

$invalid （class：ng-invalid） Boolean 表单按照规则是否验证不通过，True是不通过

$pristine （class：ng-pristine） Boolean 表单是否没有使用，True为没有被使用

$dirty （class：ng-dirty） Boolean 表单是否使用，True为使用过