Javascript AngularJS输入url无效/有效/错误

angularjs中的输入类型url有一个错误。如果输入为空或无效，我将禁用该按钮，并且我编写了下面的代码。好吧，如果我第一次写了一个不正确的url，但是如果它是空的propForm.imgUrl.$invalid和propForm.imgUrl.$error.url，它会返回false，并启用单击按钮

    <div class="col-sm-10">
          <input type="url" name="imgUrl" ng-model="$parent.urlImage" class="form-control">
            </div>
                <div class="pull-right col-sm-2">
                   <a href="" class="btn btn-default btn-primary" ng-disabled="propForm.imgUrl.$invalid || propForm.imgUrl.$pristine || propForm.imgUrl.$error.url" ng-click="addImage()">Add</a>
                 </div>

---

诀窍在哪里？a

最快的方法是向

输入添加
必需的
，请参见下面的演示


var-app=angular.module（'app'，[]）；
应用程序控制器（'homeCtrl'，函数（$scope）{
});