如何在AngularJS中显示错误消息？

Question

我有用AngularJS编写的服务和控制器,我在其中发送一个post请求到Node.js应用程序并使用发送状态和代码发送错误消息,Username already exists或者Wrong email and password我没有得到如何在前端HTML中显示这些错误.就像提交后可能会被按下一样.你会怎么做？

$http.post('/register', registerUser).then(function(response){
                console.log(response.data);
}

我将如何在HTML中显示响应.data.我读到有关角度的$ error但我不认为它会在我的情况下工作,因为我的是自定义错误.

谢谢

Answer 1

你的HTML应该是这样的:

<div ng-if="errorMessage">{{ errorMessage }}</div>

然后你可以修改$scope.errorMessage它来显示它:

$http.post('/register', registerUser).then(function(response){
    switch(response.data) {
        case 'loginExists':
            $scope.errorMessage = 'Username already exists';
            break;
        case 'loginError':
            $scope.errorMessage = 'Wrong email and password';
            break;
        default:
            $scope.errorMessage = false;
    }
}