Question

在App.Component.ts中，我有一个这样的对象注释。

handler(value: any) {    
    for (let j = 0; j < value.length; j++) {
      var note = new Notes(value[j].Id,
                           value[j].Subject, 
                           value[j].NoteId, 
                           value[j].Type, 
                           value[j].Description,
                           value[j].SendToGIS,
                           value[j].AddedBy,
                           value[j].AddedOn
                          );  
        this.tripNotes.push(note);  
    };     
  }

我要搜索特定的描述。通过搜索框。如何访问App.component.html中的注释。

<tr *ngFor="let note of tripNotes ;  let i = index "  
    (click)="getDetailedNotes(i);setClickedRow(i);" 
    [class.active]="i==selectedRow" >
  <td>{{note.Type}}</td>
  <td>{{note.Subject}}</td>
  <td>{{note.Description}}</td>
  <td>{{note.SendToGIS}}</td>
  <td>{{note.AddedBy}}</td>
  <td>{{note.AddedOn}}</td>
</tr>

Answer 1

您可以使用filter函数搜索数组。

首先，您要为过滤后的数组创建一个新变量

this.filteredNotes = this.tripNotes;

然后，使用filter函数：

this.filtetedNotes = this.tripNotes.filter((note) => note.Description.indexOf(searchTerm) !== -1)

在HTML中，确保您指向filteredNotes

<tr *ngFor="let note of filteredNotes;  let i = index "  
    (click)="getDetailedNotes(i);setClickedRow(i);"
    [class.active]="i==selectedRow" >

Answer 2

在搜索字段中更新(gdb) disas main Dump of assembler code for function main: 0x0000000000400526 <+0>: push %rbp 0x0000000000400527 <+1>: mov %rsp,%rbp 0x000000000040052a <+4>: mov $0x4005c4,%edi 0x000000000040052f <+9>: callq 0x400400 <puts@plt> 0x0000000000400534 <+14>: mov $0x0,%eax 0x0000000000400539 <+19>: pop %rbp 0x000000000040053a <+20>: retq时，请使用searchKey函数更新filtetedNotes。最初将filter分配给tripNotes。使用filtetedNotes如下：

filter()

从Angular表中搜索值

2 个答案: