首页 > 解决方案 > 在Angular8中动态显示计数

问题描述

我正在计算一个项目列表。在项目列表中添加或删除项目时,计数应动态反映在 HTML 文件中。

但是,我的计数是静态的,需要刷新页面才能看到变化。

你有什么建议让它充满活力吗?

这是我的 HTML:

            <span class="counting-badge" ng-if="SomeCondition">
              {{controller.countRequiredItems()}}
            </span>

这是我在控制器中的功能:

    public countRequiredItems(): number {
      let count = 0;
      for (let i = 0; i < this.itemList.length; i++) {
        let item = this.itemList[i];
        if (item.isRequired) {
          count++;
        }
      }
      return count;
    }

感谢您的任何建议!

标签: angularjstypescript

解决方案


推荐阅读