Question

public readTsv(tsv: string): Observable<TsvAsObject> {
  if (!tsv || tsv.length < 1) {
    // throw an error as soon as you can
    throw new TypeError('null or empty tsv file passed');
  }

  // check tsv headers
  return this.validHeadersObs(tsv.split('\n')[0]) 
    .map(valid => {
      if (!valid) {
        throw new Error('invalid tsv headers');
      }

      // omitted logic that processes the tsv here

      return tsvAsObject
    });
}

这是我的模板，当我徘徊在一个值上时，它的颜色相同，对于所有列表，不知道我做错了什么

<ul *ngFor="let item of workSpaceResponse; let i = index">
<li>      
  <span (mouseenter)='checkList(item.value, i)' title='{{info}}'>
    <i [ngClass]="result ? 'fa fa-hourglass-end red' : 'fa fa-hourglass success'" aria-hidden="true"></i>  Pass
  </span>
</ul>

我想要的是，如果有通过的学生，那么用绿色显示他们的价值和那些失败的人，用红色显示他们。

Answer 1

从你的问题不清楚发生了什么，但我认为你有'冒泡'的效果。所以改为

  <span (mouseenter)='checkList($event,item.value, i)' title='{{info}}'>

和

checkList(event, value){
 event.stopPropagation();
 ....
 // as before
}

使用类悬停在一个Value上会影响Angular4视图中的所有值吗？

1 个答案: