Question

我有一个标签，使用bootstrap中的class =“glyphicon glyphicon-shopping-cart”。我想在右下方添加选中的复选框数量，并在每次用户选中或取消选中该框时显示新的数字。我的glyphicon位于标题中，复选框显示在ng-repeat循环中。我对angularjs有一些困难，如果我必须使用指令或控制器，我真的不知道该怎么做。如果你有任何帮助，我会接受它。

我的观点在哪里是复选框itemSearch-result.js没有控制器，只有指令

<tbody>
     <tr ng-repeat="item in chart.items>
         ...
         <td>{{ ad.price | ypcurrency }}</td>
         <td> <input type="checkbox"> </td>
     </tr>
</tbody>

我的标题视图，带有控制器：ng-controller =“HeaderCtrl”

<ul class="nav-right pull-right list-unstyled">
        <li>
          <a class="toggle-min" href>
              <i class="glyphicon glyphicon-shopping-cart"></i>
          </a>
        </li>
        <li class="dropdown text-normal nav-profile" dropdown>
            <a href class="dropdown-toggle" dropdown-toggle>
                <span class="hidden-xs">
                    <span>{{user.firstName}} {{user.lastName}}</span>
                </span>
                <i class="fa fa-user"></i>
            </a>
        </li>
        ...
</ul>

Answer 1

有很多方法可以实现这一目标。首先，确保您知道指令和显示here的控制器之间的区别。

请使用events，因为您需要与另一个控制器/模块通信。

通过这种方式，您可以创建一个服务，将其注入两个控制器以更新所选项目的数量（而不是使用$ rootScope）并将其设置在您的glyphicon上。（如果没有看到你的代码，不确定）

使用javascript，angularJS和bootstrap检查的复选框数

1 个答案: