小编and*_*nho的帖子

使用AngularFire创建用户并调用factory来显示通知

我是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)

javascript angularjs firebase angularfire angular-promise

2
推荐指数
1
解决办法
366
查看次数