我是AngularJS的新手,并试图将它与AngularFire/Firebase结合使用来存储一些项目数据.我建立了一个工厂,应该处理通知,以便在中心位置显示它们.工厂看起来像这样:
myApp.factory("AlertService", function($timeout){
var alerts = new Array();
var addAlert = function(type, message){
alerts.push({
type: type,
msg: message
});
$timeout(function(){
removeAlert(alerts.length - 1);
}, 3000);
}
var removeAlert = function(index){
alerts.splice(index, 1);
}
return{
alerts : alerts,
addSuccessAlert : function(message){
addAlert("success", message);
},
addDangerAlert : function(message){
addAlert("danger", message);
},
deleteAlert : function(index){
removeAlert(index);
}
};
});
Run Code Online (Sandbox Code Playgroud)
绑定控制器中的数据我用$ watch
$scope.$watch( function () { return AlertService.alerts; }, function ( alerts ) {
$scope.alerts = AlertService.alerts;
});
Run Code Online (Sandbox Code Playgroud)
并在index.html中放置了一个div:
<div id="alert">
<alert ng-repeat="alert in …Run Code Online (Sandbox Code Playgroud)