AngularJS在向用户提供反馈时遇到麻烦

我有一个表单，当用户成功提交东西时，他们会收到一条成功消息！如果同一用户提交错误，他们会收到错误消息

但问题是：当用户收到成功消息时，即使他稍后收到错误消息，它也始终存在于屏幕上。我的意思是，在同一时间，它显示错误和成功的消息一起

我想当成功消息出现时，错误消息应该消失

这是我的片段：

$http.post('http://127.0.0.1:8000/api/v1/contact/', $scope.formModel)
        .then(function(response) {
            $scope.successCallBack = 'You have successfully saved your contact';
        }, function(response){
            $scope.errorCallBack = 'an error occured'
        });

我希望你了解我的问题：

在这里，您可以看到我如何在模板上使用此消息：

<div class="alert alert-success" ng-if="successCallBack">
  <p> {{ successCallBack }} </p>
</div>

<div class="alert alert-danger" ng-if="errorCallBack">
  <p>  {{ errorCallBack }} </p>

</div> 

{{successCallBack}}

{{errorCallBack}}

---

如何解决此问题？

消息只需一个布尔值和一个字符串：

$http.post('http://127.0.0.1:8000/api/v1/contact/', $scope.formModel)
    .then(function(response) {
        $scope.saveSuccess = true;
        $scope.message = 'You have successfully saved your contact';
    }, function(response){
        $scope.saveSuccess = false;
        $scope.message = 'an error occured';
    });

在模板中，您可以在以下情况下使用ng：

<div class="alert alert-success" ng-if="saveSuccess">
  <p> {{ message}} </p>
</div>

<div class="alert alert-danger" ng-if="!saveSuccess">
  <p>  {{ message}} </p>

</div> 

{{message}}

{{message}}

或者，您也可以像这样简单地使用ng类：

<div ng-if="formSubmitted" class="alert" ng-class="{ 'alert-success': saveSuccess, 'alert-danger': !saveSuccess }">
  <p> {{ message}} </p>
</div>

{{message}}

---

编辑：您可能需要另一个布尔值，以便知道何时提交表单以显示成功或错误消息，例如formSubmitted，例如，

您只需要一个布尔值和一个字符串来显示消息：

$http.post('http://127.0.0.1:8000/api/v1/contact/', $scope.formModel)
    .then(function(response) {
        $scope.saveSuccess = true;
        $scope.message = 'You have successfully saved your contact';
    }, function(response){
        $scope.saveSuccess = false;
        $scope.message = 'an error occured';
    });

在模板中，您可以在以下情况下使用ng：

<div class="alert alert-success" ng-if="saveSuccess">
  <p> {{ message}} </p>
</div>

<div class="alert alert-danger" ng-if="!saveSuccess">
  <p>  {{ message}} </p>

</div> 

{{message}}

{{message}}

或者，您也可以像这样简单地使用ng类：

<div ng-if="formSubmitted" class="alert" ng-class="{ 'alert-success': saveSuccess, 'alert-danger': !saveSuccess }">
  <p> {{ message}} </p>
</div>

{{message}}

---

编辑：您可能需要另一个布尔值，以便知道何时提交表单以显示成功或错误消息，例如formSubmitted（表单已提交）

谢谢，您让我的一天来解决此问题谢谢，您让我的一天来解决此问题此问题看起来很像表单。你们俩是同一个班还是同一个公司？这个问题看起来很像形式。你们俩是同一个班还是同一个公司？