Question

如果出现这个问题，我无法找到解决办法。

我有两个组成部分：

@Component({
  selector: 'my-app',
  template : `
   <product *ngFor="let prod of products" [product]='product'>
  `
})
export class App {
    public products =['object',object]; //its only example of products objects array
}

@Component({
      selector: 'product',
      template : `
      <p>{{product.name}}</p>
      `
    })

export class App {
    @Input() product:any;
}

现在我如何删除一个specyfic产品组件？可能组件可以自己做吗？我检查这些帖子，仍然没有任何想法 Angular 2 - Adding / Removing components on the fly和How to destroy all the Components created using DynamicComponentLoader in angular2?

在应用程序中，产品列表将从serwer下载并显示如下。我想添加一个按钮，从列表中删除自己的单个产品。现在我有一个从服务器删除此产品的功能，但我认为再次下载产品列表是一个愚蠢的想法。所以我认为可能会使用ElemntRef或ComponentRef

从DOM中删除它

Answer 1

只需从products移除该项目，<product>组件将被*ngFor删除。

除此之外，无法删除Angular2添加的组件。您只能删除自己添加的组件。

删除组件本身

1 个答案: