小编Nic*_*rin的帖子

我的组件有一个非常奇怪的问题(从未见过).我在点击ngFor列表中的按钮时尝试删除一行.当我只有一行时它可以工作,但是当它超过一行时,事件被触发两次,一次为好线,一次为第一行(在删除另一行后):

<label>
    <div class="tag" *ngFor="let o of selectedOptions;">
        <span class="tag-text">{{ o.textContent }}</span>
        <button (click)="removeTag(o)" type="button" class="fa fa-times"></button>
    </div>
</label>

这是我的方法女巫被调用两次(只有当有更多的那个"选项")时:

public removeTag (option: NxtSelectOptionComponent) {
    this.selectedOptions = [
        ...this.selectedOptions.filter(o => o !== option),
    ]
}

我试图使用拼接,我试图添加stopPropagation ...我不明白我已经完成了大量的时间,这是我第一次看到它.

编辑:当我点击.tag元素时调用removeTag方法这就是为什么当我点击按钮它被调用两次,但我无法弄清楚为什么... (click)属性只在按钮上

问题已解决:我发现了问题... FYI标签标签会点击按钮,所以如果你有任何(点击)属性,它会被解雇两次.

我有一个Angular-cli项目与Angular 5.2.我更新到Angular 7.2.3.一切都OK了,ng serve,ng test,但是当我想ng build --prod我得到的错误

我一步一步地按照指南(https://update.angular.io/)

以下是错误:

ERROR in runtime.82c6613acef8f7246fe8.js from Terser
TypeError: Cannot read property 'minify' of undefined
    at minify (/Users/nicolasgarin/Desktop/afreecom/front/node_modules/terser-webpack-plugin/dist/minify.js:175:23)
    at module.exports (/Users/nicolasgarin/Desktop/afreecom/front/node_modules/terser-webpack-plugin/dist/worker.js:13:40)
    at handle (/Users/nicolasgarin/Desktop/afreecom/front/node_modules/worker-farm/lib/child/index.js:44:8)
    at process.<anonymous> (/Users/nicolasgarin/Desktop/afreecom/front/node_modules/worker-farm/lib/child/index.js:51:3)
    at process.emit (events.js:180:13)
    at emit (internal/child_process.js:783:12)
    at process._tickCallback (internal/process/next_tick.js:178:19)
ERROR in main.ae88265d57a522e8fef6.js from Terser
TypeError: Cannot read property 'minify' of undefined
    at minify (/Users/nicolasgarin/Desktop/afreecom/front/node_modules/terser-webpack-plugin/dist/minify.js:175:23)
    at module.exports (/Users/nicolasgarin/Desktop/afreecom/front/node_modules/terser-webpack-plugin/dist/worker.js:13:40)
    at handle (/Users/nicolasgarin/Desktop/afreecom/front/node_modules/worker-farm/lib/child/index.js:44:8)
    at process.<anonymous> (/Users/nicolasgarin/Desktop/afreecom/front/node_modules/worker-farm/lib/child/index.js:51:3)
    at process.emit (events.js:180:13)
    at emit (internal/child_process.js:783:12) …

我正在开发一个使用 HTML 5 本机 Web 组件的 Web 应用程序。我的问题是我有很多用于所有这些的通用 CSS，并且我使用了很棒的字体来制作漂亮的图标。现在我将所有样式都放在“/deep”阴影穿孔中，但 Chrome 说：“/deep/ 组合器已弃用。” 您对如何在整个应用程序上使用全局 CSS 和 CSS 库（如字体真棒）有什么建议吗？

谢谢 ：）