どのように私は角度コントローラのこのメソッドにバリデーションを追加しますか？

Question

こんにちは私はフィールドが完了していないと言うエラーが出てもpostメソッドがまだ行われているコントローラを持っています。ページを更新すると、エントリがビューから移動します。

$scope.create = function() { 
        var account = Account.save($scope.account); 
         modalService.success('Success! Your Account has been created!'); 
         $uibModalInstance.close(account);  
      }; 

私はいくつかのことを試みましたが、機能しませんでした。私はフォームが入力されていないかフィールドがない場合にfalseを返すメソッドが必要です。基本的に422エラー。その投稿はapiのエンドポイントに送られます。

上記の例は自分のコードであり、いくつかの検証を追加する必要がありますが、どこから開始するのか分かりません。

本当に疲れていて、すぐに助けが必要です。

ありがとうございます。

Answer 1

あなたが実際にAJAXを完了し、その保存方法まで待つと、あなたがすることすべてのフォームを入力する必要があり、フォームのユーザーに送信する前に確認してくださいしたいなら、あなた

var account = Account.save($scope.account).$promise.then(function(){ 
    //success function 
    modalService.success('Success! Your Account has been created!'); 
    $uibModalInstance.close(account);  
}, function(error){ //error function 
    //here is the place you can do error handling part. 
    console.log('Error occured, do handle it here.') 
}); 

更新

に対応できますフィールドとすべて。その後、角度フォーム検証機能を利用することができます。すべてのフォームフィールドには、必要なフィールド上に&のrequired属性が入力されるまで、フォーム送信ボタンを無効にすることができます。