如何修改ngfor遍历的数据的某一个样式?

  • 3
新手上路,请多包涵
<ng-container *ngFor="let item of list">
   <div class="now-box-small">
       <div class="room">
           <span>{{item.nowCall.room}}</span>
       </div>
       <div class="now-name">
           <span class="namesize">
              {{item.nowCall.no}}-{{item.nowCall.patient_name}}
           </span>
       </div>
    </div>
  </ng-container>
  

遍历的list的数据中,我想要改变符合条件的一组数据的字体大小。比如我有另一组数据list2,那怎么选取list与list2相等的数据对应的{{item.nowCall.no}}-{{item.nowCall.patient_name}}的样式,然后修改它的字体大小呢?

求教!!!

回复
阅读 125
1 个回答

你这个想等是怎么定义的.两个list相同下标所对应的两个item,是否存在相等关系?如果是这种

<ng-container *ngFor="let item of list; let i=index">
   <div class="now-box-small">
       <div class="room">
           <span>{{item.nowCall.room}}</span>
       </div>
       <div class="now-name">
           <span class="namesize" *ngif=item.nowCall.no===list2[i].nowCall.no>
              {{item.nowCall.no}}-{{item.nowCall.patient_name}}
           </span>
       </div>
    </div>
  </ng-container>

如果他们的相等判定很复杂,顺序也不确定,那么你需要在JavaScript代码里面自己组织好这个list,再来模板里面for

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏