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

Question

我有用 AngularJS 编写的服务和 Controller ，我在其中向 Node.js 应用程序发送发布请求并使用发送状态和代码发送错误消息，例如 Username already exists 或 错误的电子邮件和密码 但我没有得到如何在前端 HTML 中显示这些错误。就像按下提交之后一样。你会怎么做？

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

我将如何在 HTML 中显示响应 .data。我阅读了有关 $error in angular 的信息，但我认为它在我的情况下不起作用，因为我的是自定义错误。

谢谢

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;
    }
}