angular - 删除 Angular 中的动态行

Question

我正在尝试<tr>使用 Angular 删除动态。但是我的测试没有成功。
我找不到这是什么错误。

page.component.html

<tr *ngFor="let row of selectedOptions$ | async; let i =index;">
   <td>{{ row.code.value }}</td>
   <td>{{ row.desc.value }}</td>
   <td>{{ row.amount }}</td>
   <td style="float: right">
      <button type="button" class="btn btn-secondary btn-sm waves-effect waves-light" data-toggle="modal" data-target="#formemodal"><i class="fa fa-edit"></i> Edit</button>
      <button type="button" class="btn btn btn-sm waves-effect waves-light delete"><i class="fa fa-bitbucket" (click)="deleteRow(i)">Delete</i></button>
   </td>
</tr>

page.component.ts

selectedOptions$ = new BehaviorSubject([]);
constructor() { }

ngOnInit(){
}

deleteRow(index) {  
  if(this.selectedOptions$.value.length ==1) {
      return false;  
  } else {
      this.selectedOptions$.value.splice(index, 1); 
  }  
}

标签： angular

Answer 1

您的主题未更新。

尝试改变这个

this.selectedOptions$.value.splice(index, 1); 

和

const newContent = this.selectedOptions$.value.splice(index, 1); 
this.selectedOptions$.next(newContent);