AngularJS-way：使用通知功能擴展控制器/視圖

Question

在AngularJS中爲所需控制器添加通用通知功能的最佳方式是什麼？

目標是創建可輕鬆添加/刪除任何控制器的本地通知。

所以：

1. 現在共享的功能控制器之間
2. 這個功能應該工作與視圖輸出 通知

我們（怎麼不知道？）有such solution。

code there 

Answer 1

我喜歡在UI引導執行（從角UI團隊）的方式：http://angular-ui.github.io/bootstrap/#/alert

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

<script> 
function AlertDemoCtrl($scope) { 
    $scope.alerts = [ 
    { type: 'error', 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); 
    };  
} 
</script> 

這樣的話，你只需要添加的<alert>指令你的看法，你是好去 - 不需要創建共享服務或類似的東西。