如何使用AngularJS引导警报

Question

嗨我的项目在Djnago和AngularJS上工作。一旦用户提交，我想要包含引导警报。如果它成功显示警报成功等，我该怎么做？ 以下是我angularJS代码：

$scope.submit =function(){ 
    data = {}; 
    angular.extend(data, $scope.final_data); 
    angular.extend(data, { xxx: $scope.final_data.xxx }); 
    $http.post('{% url 'submission' %}', data).success(
     function(data){ 
      $scope.get_info(); 
      alert('DONE!') 
     }).error(function(){ 
      alert('not submitted'); 
    }) 
}; 

两个警报工作，我希望替换与引导警报。我怎样才能做到这一点？提前致谢。

Answer 1

好了，你可以根据错误状态采用NG-显示/ NG隐藏显示/隐藏警报。我创建了一个 sample plunker。

<alert ng-show='alertType' type="{{alertType}}" close='removeAlert()'>{{alertType}} Alert</alert> 
    <select ng-model="alertType"> 
    <option>danger</option> 
    <option>success</option> 
    <option>warning</option> 
    </select> 

这可能对你有帮助。

Answer 2

使用AngularUI（引导指令对角）

https://angular-ui.github.io/bootstrap/#/alert