Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 服务器响应消息_Javascript_Html_Angularjs - Fatal编程技术网

Javascript 服务器响应消息

Javascript 服务器响应消息,javascript,html,angularjs,Javascript,Html,Angularjs,我需要获得服务器响应错误消息,以便在提交后在表单中显示。如果我在js中使用此代码,我会收到消息 .error(function (data, status, header, config) { $scope.postDataSuccessfully = false; var messages = []; angular.forEach(data.errors, function (value, key) { $scope.ResponseDetails

我需要获得服务器响应错误消息,以便在提交后在表单中显示。如果我在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;
});
.error(函数(数据、状态、标题、配置){
$scope.postDataSuccessfully=false;
var消息=[];
角度.forEach(数据.错误,函数(值,键){
$scope.ResponseDetails=“数据:”+数据+
“
状态:”+状态+ “
标题:”+标题+ “
配置:”+config; messages.push('Error!'+key+'不正确'); }); $scope.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>

{{message}}
但这只在提交后的一个地方显示,就像在这张图片上一样

我想在字段上有错误的消息,就像在下一张图片上一样

这是我的html代码,用于此表单输入


{{'TYPE'| translate}}
{{type}}
{{'DESCRIPTION'| translate}}

您有两个选择: 您可以为每个字段输入一条错误消息,并在出现时显示它

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

。。。etc

hi,thnx用于响应。我试过这个,但没用,我试过烤面包机。添加了脚本和css。调用submit validateMyData(),并添加了所有errorType,但有任何通知。您可以按照演示之一进行操作:使用角度材质:。。。。或者在Bootsrap中使用Angular希望这有助于Regard我不知道我错过了什么,但我做的一切都像tutotial一样,在调用toaster时总是出现类型错误。typeError:无法读取未定义的属性“确保您在angular应用程序模块定义中具有模块依赖项:'toaster…”。。。。控制器中还包括“toaster”依赖项。。。而且在主HTML中,不要忘了包括…嗨,我添加了所有内容。。。也可以尝试不同的教程和论坛,但仍然不起作用。我在前端使用ng消息执行此操作。并在表单的页脚显示所有服务器响应。我知道这不是最好的解决方案,但目前还可以。如果你有任何新的想法,请随时在这里发布。Thnx
$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");
    }