<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>

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);};
}

'use strict';
/* services.js */// 别忘记将本 service 依赖注入到你的 app
var appServices = angular.module('myApp.services', []);appServices.factory('alertService', function($rootScope) {var alertService = {};// 创建一个全局的 alert 数组$rootScope.alerts = [];alertService.add = function(type, msg) {$rootScope.alerts.push({'type': type, 'msg': msg, 'close': function(){ alertService.closeAlert(this); }});};alertService.closeAlert = function(alert) {alertService.closeAlertIdx($rootScope.alerts.indexOf(alert));};alertService.closeAlertIdx = function(index) {$rootScope.alerts.splice(index, 1);};return alertService;
});

<alert ng-repeat="alert in alerts" type="alert.type" close="alert.close()"><span data-ng-bind-html="alert.msg"></span>
</alert>

var UserCtrl = ['$scope', 'alertService',function(    $scope,   alertService) {alertService.add('warning', '这是一个警告消息！');alertService.add('error', "这是一个出错消息！");$scope.editProfile = function() {//...do somethingalertService.add('success', '<h4>成功！</h4> 你的个人资料已经修改。');}
}];