angular - 已关闭 - angular2 语义-ui 下拉列表在路线更改时失败

Question

（第一次发帖……抱歉有任何错误）

我一直在玩 Angular2 和 Semantic-UI 下拉菜单。因为已经两天了，所以我失去了理智，我无法弄清楚问题所在。

当它运行它调用的 ngAfterViewInit 时，我有一个组件“dropdown.component”

////////////////////
// dropdown.component
////////////////////
ngAfterViewInit(){
    this.dom.loadDrop($(this.elementRef.nativeElement).find('select'));
}
ngOnDestroy(){
//I am doing the .dropdown('destroy') -- although this will only disable.
//Could not find nothing to unbind the dropdown.
}

////////////////////
//inside dom class
////////////////////
loadDrop(elm: any) {
    if (typeof (elm) === 'string') {
        elm = $(elm);
    }
    $(document).ready(function () {
        elm.dropdown({ allowAdditions: true }) 
    });
}

当我第一次重新加载页面（使用一个或多个 dropdown.component）时，这非常有效，尽管当我使用 router.navigate、routerLink 访问页面或简单地返回到存在 dropdown.component 的页面时，尝试初始化第一个下拉菜单后浏览器冻结。

有什么想法或指导方针吗？

（谢谢）

Answer 1

最后！！

下拉功能完美。问题是我正在应用管道来转换值上的可枚举（由于某种原因，这使它失败）。

每次它转到包含 Enum 下拉列表的页面时，它都会失败。