angular - 删除 dcl-wapper angular2 中扭曲的动态组件

标签 angular typescript

我正在使用 *ngFor 从组件数组渲染动态创建的组件用<dcl-wrapper [type]="t"></dcl-wapper> this answer 中描述的组件

我正在尝试向组件添加一个删除按钮,这样我就可以在使用 myCompArray.splice(index, 1) 单击按钮时删除组件但它总是删除最后一个
这是我的笨蛋 http://plnkr.co/edit/4lhuHF?p=preview

最佳答案

传递索引,而不是事件。该事件为 null,因为没有发出任何值:

 (removed)=onRemoved(i)

您还应注意,当删除或添加项目时,[index]=i 会更新剩余元素的 @Input() index; 属性。

关于angular - 删除 dcl-wapper angular2 中扭曲的动态组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40681694/

相关文章:

angular - 为什么不直接在 Angular 中与 DOM 交互?

Angular:如何在访问其 nativeElements 之前等待元素准备就绪?

angular - 部署Azure Web App(Angular)不起作用

typescript 提示数组解构后的变量类型

visual-studio-2012 - Visual Studio TypeScript 选项

javascript - JavaScript 文件顶部的 "format register"字符串是什么?

javascript - 在 Angular 应用程序中的网络请求之前对空对象使用条件检查

javascript - Angular 2 匹配/合并/推送和更新 Json

angular - Typescript 装饰器如何让 Angular 2 发现类型元数据

html - 如何显示具有 Angular 功能的HTML?