首次在循环内部发生NGIF时，只有一次在NGFOR中呼叫DIV

Question

我在这里有此代码：

  <div *ngFor="let condition of interior_conditions; let i = index" class="condition-item-2">
    <div class="condition-title">{{condition.name}}</div>
    <div class="condition-content">
      <div class="row">
        <hr class="my-hr">
        <div class="col-12">
          <span *ngFor="let zone of zones">
            <span *ngFor="let poor_condition of zone.poor_conditions">
              <span *ngIf="poor_condition._id==condition._id" class="danger_zones">
          <span>
            Danger Zones:
          </span>
                {{zone.name}}
              </span>
            </span>
          </span>
        </div>
      </div>
    </div>
  </div>

是：

• 我的DB中有很多条件和区域
• 区域的条件差，可能只有良好的条件，不一定两者都有
• 我在条件下迭代
• 后来，我在恶劣的条件下迭代
• 所以，如果一个区域的条件恶劣，我想打印区域名称，并且只有一次"标题"危险区域

有什么想法？

Answer 1

假设您不能或不想在循环外移动跨度，则可以根据索引添加ngIf：

<span *ngIf="i === 0"></span>

Answer 2

您应该使用标题危险区域移动跨度。

  <div *ngFor="let condition of interior_conditions; let i = index" class="condition-item-2">
    <div class="condition-title">{{condition.name}}</div>
    <div class="condition-content">
      <div class="row">
        <hr class="my-hr">
        <div class="col-12">
          <span *ngFor="let zone of zones">
          <span>
            Danger Zones:
          </span>
            <span *ngFor="let poor_condition of zone.poor_conditions">
              <span *ngIf="poor_condition._id==condition._id" class="danger_zones">
                {{zone.name}}
              </span>
            </span>
          </span>
        </div>
      </div>
    </div>
  </div>

Answer 3

我认为可以完成的唯一方法是通过服务，其中函数将输入条件并返回具有此条件差的区域