如何使用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