javascript - 只有在 Angularjs 中进行更改时，表单验证弹出窗口消息才有效

Question

我有一个表单，如果单击提交，它需要显示验证错误弹出窗口消息。这是我的表格。

 <form ng-submit="register(user)">
<div class="list">
  <label class="item item-input">
    <input type="text" placeholder="First Name" ng-model="user.first" >
  </label>
  <label class="item item-input">
    <input type="text" placeholder="Last Name" ng-model="user.last">
  </label>
</div>
<button class="button button-positive">
  button-positive
</button>
</form>

这是验证 Controller 文件

 angular.module('starter.controllers',[])

.controller('DashCtrl', function($scope,$ionicPopup,Friends) {


    $scope.register=function(user){
      if(!user.first){ $ionicPopup.alert({
                       title: 'First Name Required!',
                       template:'Firstname'
                       });
      }else{
            if(!user.last){
                           $ionicPopup.alert({
                           title: 'Last Name Required!',
                           template:'Lastname'
                           });
              }else {


                        Friends.setall(user).then(function(msg){
                             console.log("From server"+msg.data);

                          });
              }

        }
    }

})

开始进行更改时，验证工作正常。但它不显示任何错误消息如果单击提交而不输入任何内容。我怎样才能做到这一点？我也想显示服务器请求的加载屏幕，当服务器请求完成时它被取消。我正在使用 ionicframework，我知道 ionic.loading 用于此但我如何在我的代码中正确使用它？请帮助。

Answer 1

对于您问题的验证部分，我只检查 user 和 user.firstname:

if(!user || !user.first){ $ionicPopup.alert({
  title: 'First Name Required!',
  template:'Firstname'
});

你可以使用$ionicLoading，在将它注入(inject) Controller 之后，像这样:

else {
  $ionicLoading.show({ template: 'Loading...' });
  Friends.setall(user).then(function(msg){
    console.log("From server"+msg.data);
    $ionicLoading.hide();
  });
}