Angular 与角6中的基础2一起工作 正如我知道的,当我要使用基金会的时候,我应该在每个组件中放置$(这个.EnEngEnf.NATEVELATIONE).Buffic()。但我不明白我应该做什么

Angular 与角6中的基础2一起工作 正如我知道的,当我要使用基金会的时候,我应该在每个组件中放置$(这个.EnEngEnf.NATEVELATIONE).Buffic()。但我不明白我应该做什么,angular,zurb-foundation,angular2-template,zurb-foundation-6,Angular,Zurb Foundation,Angular2 Template,Zurb Foundation 6,例如,我需要使用悬停下拉菜单 <div data-toggle="skill-dropdown">Skills</div> <div id="skill-dropdown" data-dropdown data-hover="true" data-hover-pane="true"> <ul> <li *ngFor="let skill of skillsList"> <div>{{ski

例如,我需要使用悬停下拉菜单

<div data-toggle="skill-dropdown">Skills</div>
<div id="skill-dropdown" data-dropdown data-hover="true" data-hover-pane="true">
    <ul>
      <li *ngFor="let skill of skillsList">
        <div>{{skill.title}}</div>
      </li>
    </ul>
</div>
这项任务还有其他好的解决方案吗


$$(文档).Buffic()也不起作用。

< P>因为我还没有找到任何用于基础JavaScript和角度2的工作解决方案,所以我在主/应用程序组件

中遇到了这个问题。
export类MainComponent实现OnInit{
专用路由器:路由器;
构造器(路由器:路由器){
这个。_路由器=路由器;
}
公共ngOnInit(){
此._router.events.subscribe((事件:any)=>{
if(NavigationEnd的事件实例){
jQuery(document.foundation();
}
});
}
}
这适用于大多数简单的事情。基础轨道在使用中存在一些问题。我仍然希望Zurb能很快揭示基础应用程序2,所以基础站点JavaScript可以用原生角度2指令替换。 对于您的问题,您可以检查将
$(this.elementRef.nativeElement).foundation()
添加到组件的
ngOnInit()
中是否有效。 最好是使用诸如<代码>新的基础。下拉(这个.EngEnEngf.nTialEngEnter);<代码>在
ngOnInit()
中,但我也没有让它正常工作


也许一些提示可以帮助您创建一个有效的解决方案。我想听听你是否能使它工作。< /P> < P>因为我没有找到任何工作解决方案,为基础JavaScript和角2工作正常,我在我的主/应用组件

中坚持了这一点。
export类MainComponent实现OnInit{
专用路由器:路由器;
构造器(路由器:路由器){
这个。_路由器=路由器;
}
公共ngOnInit(){
此._router.events.subscribe((事件:any)=>{
if(NavigationEnd的事件实例){
jQuery(document.foundation();
}
});
}
}
这适用于大多数简单的事情。基础轨道在使用中存在一些问题。我仍然希望Zurb能很快揭示基础应用程序2,所以基础站点JavaScript可以用原生角度2指令替换。 对于您的问题,您可以检查将
$(this.elementRef.nativeElement).foundation()
添加到组件的
ngOnInit()
中是否有效。 最好是使用诸如<代码>新的基础。下拉(这个.EngEnEngf.nTialEngEnter);<代码>在
ngOnInit()
中,但我也没有让它正常工作


也许一些提示可以帮助您创建一个有效的解决方案。我想知道你是否能让它工作。

它真的需要
5000
(5秒)还是
1000
(1秒)也能工作?你能添加组件和它的HTML吗well@PankajParkar模板的主要部分有问题。在组件中,我没有逻辑,只有硬代码数组。它真的需要
5000
(5秒)还是也可以
1000
(1秒)?你能添加组件和它的HTML吗well@PankajParkar模板的主要部分有问题。在组件中,我并没有逻辑,只有硬代码数组。
setTimeout(() => {
    $(this.elementRef.nativeElement).foundation();
}, 5000);