服务器响应消息

Question

我需要在提交后获取服务器响应错误消息以在窗体中显示。我得到的消息，如果我在JS

.error(function (data, status, header, config) { 
    $scope.postDataSuccessfully = false; 
    var messages = []; 
    angular.forEach(data.errors, function (value, key) { 
     $scope.ResponseDetails = "Data: " + data + 
       "<hr />status: " + status + 
       "<hr />headers: " + header + 
       "<hr />config: " + config; 
     messages.push('Error! ' + key + ' is not correct'); 

    }); 
    $scope.messages = messages; 
}); 

，并在HTML

<div ng-repeat="message in messages track by $index"> 
    <div data-ng-hide="message == ''" data-ng-class="(postDataSuccessfully) ? 'alert alert-success' : 'alert alert-danger'"> 
     {{message}} 
    </div> 
</div> 

使用此代码，但这只是显示在一个地方后提交，这样的形象

我要上有错误的字段上的消息，如下图

这是我的html代码这种形式的输入

<div class="form-group"> 
    <label for="type" class="col-sm-3 control-label">{{'TYPE'| translate}}</label> 
    <div class="col-sm-9"> 
    <select class="form-control" id="type" name="type" ng-model="type"> 
     <option ng-repeat="type in types" value="{{type}}">{{type}}</option> 
    </select> 


    </div> 

</div> 
<div class="form-group"> 
    <label for="description" class="col-sm-3 control-label">{{'DESCRIPTION'| translate}}</label> 
    <div class="col-sm-9"> 
    <textarea type="text" rows="3" class="form-control" id="description" name="description" ng-model="description" placeholder="description"></textarea> 
    <br> 
    </div> 
</div> 

Answer 1

有两个选项： 要么你把每个字段的错误消息，并且当它发生

<div ng-messages="myForm.myselect.$error" ng-if="myForm.$submitted || myForm.myselect.$touched"> 
<div ng-message="required">myselect is required.</div> 
</div> 

显示它或者可替换地可以使用吐司弹出错误封邮件：

$scope.validateMyData = function() { 
     var errorType = callYourServerService(); 

    if(errorType === "myFirstField") { 
     toaster.pop('error', "Error", "Please insert valid value for myFirstField"); 
    } 
    if(errorType === "mySecondField") { 
     toaster.pop('error', "Error", "Please insert valid value for mySecondField"); 
    } 

...等