angular2 semantic-ui下拉菜单在路由更改时失败

Question

如有错误，请原谅)

我一直在摆弄Angular2和Semantic-UI下拉菜单。我已经疯了，因为已经两天了，我还是想不出问题来。

我有一个组件"dropdown.component"当它运行ngAfterViewInit时它会调用

////////////////////
// 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)，这是完美的，尽管当我使用路由器访问页面时。在尝试初始化第一个下拉菜单后，浏览器就会冻结。

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

(由于)

Answer 1

终于!!

下拉菜单工作完美。问题是我正在应用Pipe来转换值上的可枚举对象(由于某种原因，这会导致它失败)。

每次进入包含Enum下拉列表的页面，它都会失败