Question

我正在显示以下代码作为记录的成功更新。用户保持在同一编辑部分＆amp;在msg之上看到这个update button。

我希望此msg消失，因为用户仍然可以编辑记录。

如何隐藏此success msg？

<div class="label label-success" data-ng-show="updateStatus">
   <span class="glyphicon glyphicon-thumbs-up icon-white"></span>updated!
</div>

Answer 1

添加成功消息后，只需添加此消息

即可

            setTimeout(function(){$('.label-success').slideUp();},3000);  //slidup after 3 second

以上代码将在3秒后滑动消息

Answer 2

该消息仅在您将$scope.updateStatus设置为true时显示 - 因此在您的AJAX之后，请勿将此标记设置为true - 将其保留为false并且你的信息永远不会显示。

Answer 3

试试这种方式

<div class="col-sm-6 form-group">
                <label for="text">Text</label>
                 <input class="form-control input-lg" type="text" id="text" required name="text" ng-model="user.text" **ng-change="OnChange()"** placeholder="Enter your text">
                </select>
            </div>
            <div class="col-sm-6 form-group">
                <label for="email">Email Address</label>
                <input class="form-control input-lg" type="email" id="email" required name="email" ng-model="user.email"  **ng-change="OnChange()"** placeholder="Enter your email">
            </div>

Js方

$Scope.OnChange=function(){
     $scope.updateStatus=false;
     $scope.$apply();
   }

将此ng-change="OnChange()"称为所有字段

或尝试此提醒标记。您可以删除警报不需要的时间。

<div ng-controller="AlertDemoCtrl">
  <alert ng-repeat="alert in alerts" type="alert.type" close="closeAlert($index)">{{alert.msg}}</alert>
  <button class='btn btn-default' ng-click="addAlert()">Add Alert</button>
</div>

js code

function AlertDemoCtrl($scope) {
  $scope.alerts = [
    { type: 'danger', msg: 'Oh snap! Change a few things up and try submitting again.' },
    { type: 'success', msg: 'Well done! You successfully read this important alert message.' }
  ];

  $scope.addAlert = function() {
    $scope.alerts.push({msg: "Another alert!"});
  };

  $scope.closeAlert = function(index) {
    $scope.alerts.splice(index, 1);
  };

}

演示：http://plnkr.co/edit/?p=preview

隐藏成功消息

3 个答案: