javascript - AngularJS-way：使用通知功能扩展控制器/视图

Question

在 AngularJS 中向所需控制器添加通用通知功能的最佳方法是什么？

目标是创建可以为任何控制器轻松添加/删除的本地通知。

所以：

1. 控制器之间的共享功能
2. 此功能应该可以工作（？如何？不知道）以输出通知

现在我们有了这样的解决方案。

code there

Answer 1

我喜欢在 UI Bootstrap 中实现的方式（来自 Angular 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>指令添加到您的视图中就可以了 - 无需创建共享服务或类似的东西。