這個問題構建了我之前的一個問題:ngOnDestroy and $('#element').foundation('destroy');我基本上是想在我的Angular2應用程序中創建基礎粘滯工作。除了我無法使用ngOnDestroy()
銷燬Foundation元素的問題之外,我一般都在與Sticky元素鬥爭。我所擁有的是這樣的:Foundation 6 Angular2中的粘性元素
組件模板
<div id="wrapperDiv">
<div class="columns medium-2 no-pad-left" data-sticky-container>
<div id="myStickyElement" class="sticky" data-sticky data-top-anchor="wrapperDiv">
<aside>
<ul class="menu vertical">
<li><a href="#elm1">Elm1</a></li>
<li><a href="#eml2">Eml2</a></li>
<li><a href="#eml3">Eml3</a></li>
<li><a href="#eml4">Eml4</a></li>
</ul>
</aside>
</div>
</div>
</div>
說wrapperDiv
直接加載,並且在它的父母沒有ngIf
條件可能是非常重要的。
在我的組件我在ngAfterViewInit
使用:
組件
ngAfterViewInit(): void {
$('#myStickyElement').foundation();
}
當我做了重新加載整個頁面這個特定視圖,一切都是超級的作品!如果我導航到這個視圖,它不起作用。似乎與重新加載整個頁面
有關在某些時候,我是創造這樣的粘元素:
let myStickyElement = new Foundation.Sticky($('#myStickyElement'));
這並沒有對行爲產生任何影響,但我可以打印出對象myStickyElement
。
在這裏,如果我瀏覽網頁:
正如你所看到的,myStickyElement
對象看起來方式不同。缺了點什麼。有沒有人遇到過這個問題?爲什麼整個頁面重新加載如此不同?
這是strage,角度應該叫' ngAfterViewInit'在頁面重新加載和在路線導航。請看看這位來自英雄角度遊覽的蹲伏者。我在'ngAfterViewInit'內部的所有三個組件中添加了日誌語句。請打開控制檯並在「heros」和「dashboard」路徑之間導航,您會看到「ngAfterViewInit」的確如我所述的那樣被調用。 https://plnkr.co/edit/Z0MMz5z1PVGnzIsicypV?p=preview –
它調用'ngAfterViewInit',但基金會似乎行爲不同。 – tschaka1904