Angularjs

Question

我在 angular 应用程序上使用 ng-repeat 和 ng-switch，但它们的打印方式有一个小问题。

下面是代码，这样更清晰：

    <div class="test" ng-repeat="data in dataTest track by data.id" ng-switch="data.id">
      <div ng-switch-when="0">
         <p>{{data.id}}</p>
       </div>
    </div>

中继器工作，问题是我将这个结果打印为最终结果：

<div class="test" ng-repeat="data in dataTest track by data.id" ng-switch="data.id">
  <div ng-switch-when="0">
     <p>0</p>
  </div>
</div>

<div class="test" ng-repeat="data in dataTest track by data.id" ng-switch="data.id"></div>

<div class="test" ng-repeat="data in dataTest track by data.id" ng-switch="data.id"></div>

<div class="test" ng-repeat="data in dataTest track by data.id" ng-switch="data.id"></div>

<div class="test" ng-repeat="data in dataTest track by data.id" ng-switch="data.id"></div>

<div class="test" ng-repeat="data in dataTest track by data.id" ng-switch="data.id"></div>

这里的问题很明显：我不想要所有那些空的 div，但我只想要一个，匹配 ng-switch-when 匹配 id = 0.

的那个

我该怎么做？最好把 ng-repeat 放在哪里，这样它就不会打印空容器？

我尝试将它移动到不同的位置，但最终总是创建空元素。

Answer 1

您可以像下面给出的那样使用 ng-if -

<div class="test" ng-repeat="data in dataTest track by data.id" ng-if="data.id==0">
      <div >
         <p>{{data.id}}</p>
       </div>
    </div>

Angularjs - 如何正确使用 ng-repeat

Angularjs - how to properly use ng-repeat

ng-repeat

angularjs-ng-repeat