如何在AngularDart组件中删除聚合物paper-listbox项

Question

我生成了一个纸质列表框，如下所示：

  <paper-listbox  class="scroll-list gutter" id="index">
    <paper-item class="index-entry" *ngFor="let composition of compositions" [class.selected]="composition == selectedComposition" (click)="onSelect(composition)">
      {{ composition.name }}
    </paper-item>
  </paper-listbox>

我有一个从数据库中删除项目的方法。我想从列表中删除相应的条目。我找到this stackoverflow question并试了一下。当我运行它时，它没有给出这样的方法错误。然后我试了一下：

PaperListbox index;
...
index = querySelector('#index');
...
index.remove();

删除整个列表框。我在球场，所以我尝试了：

index.selectedItem().remove();

这给了我浏览器控制台错误：

ORIGINAL EXCEPTION: Class 'PaperItem' has no instance method 'call'.

NoSuchMethodError: method not found: 'call'
Receiver: Instance of 'PaperItem'
Arguments: []

鉴于错误提到的纸质项目让我觉得我已经接近了，但我没有想法。如何删除纸质列表框项目？如需额外信用，如何添加商品？这是我的下一个任务。

Answer 1

只需从composition删除该项目，*ngFor自动更新<paper-item ...>条目列表。