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>指令你的看法，你是好去 - 不需要创建共享服务或类似的东西。