Question

我正在为管理菜单编写一些带有angular-cli的代码，我需要显示多个访问者。我在互联网上搜索过，但我无法找到解决方案。知道如何为我的angular 2或angular-cli app制作访问者计数器吗？

Answer 1

你不能直接在客户端实现它，你需要使用某种存储。

这是firebase拯救的地方。

使用firebase将一个节点作为PageCount添加到appComponent i：e你的主要组件添加一个方法，该方法将触发ngonit并增加firebase中的计数，如果你想要，你可以在模板上查看它。

我有这个用例，我已将它用于我的两个应用Angular Concepts＆amp; FootballScore。移到页面右下角查看页数。

现在是“实施”

在应用组件中

  ngOnInit() {
    this.service.incrementPageCount().then(data => this.service.changeCount(data));
  }

在服务中

  private _pageCount = new BehaviorSubject<number>(0);
  count$ = this._pageCount.asObservable();

  incrementPageCount(){
    const pageCount = this.af.object('/pageCount/').$ref
      .ref.transaction(count => {
        return count + 1;
      }).then((data) => {return data.snapshot.node_.value_;});

    return pageCount;
  }

我正在使用https://github.com/angular/angularfire2在Angular中使用firebase检查git链接以设置firebase for angular。

Angular 2访客计数器

1 个答案: