如何删除 AngularDart 组件中的 Polymer paper-listbox 项

Question

我生成一个paper-listbox如下：

  <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>

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

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: []

考虑到错误提到 paper-item 让我觉得我已经接近了，但我没有想法。如何删除纸质列表框项目？对于额外的信用，一个人如何添加一个项目？那是我的下一个任务。

Answer 1

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

如何删除 AngularDart 组件中的 Polymer paper-listbox 项

How to Remove a Polymer paper-listbox Item in an AngularDart Component

dart

dart-polymer

angular-dart

paper-elements