通用的側面菜單組件

我使用nativescript-ui-samples-angular代碼爲RadSideDrawer（側面菜單）的代碼。它完美的工作，但是當我試圖將它們全部包裝在一個單獨的組件中，然後通過選擇器將其添加到其他組件中時，它會變得平坦。通用的側面菜單組件

@ViewChild(RadSideDrawerComponent) public drawerComponent: RadSideDrawerComponent; 
private drawer: SideDrawerType; 

ngAfterViewInit() { 
    this.drawer = this.drawerComponent.sideDrawer; 
    this._changeDetectionRef.detectChanges(); 
}

它說

無法讀取屬性未定義

'sideDrawer' 我缺少的東西？問題不在於側邊菜單本身，而是將其包裝到可重用組件中。

來源

2017-03-01 Zoidy

不能肯定，但我認爲彌敦道沃克使用在ShoutOutPlay（HTTPS一側抽屜：// github.com/NathanWalker/ShoutOutPlay/tree/development/app）可能會嘗試挖掘周圍，看看他是否在應用程序的不同部分重複使用它。 –

除了通過RadSideDrawerComponent獲得參考的辦法，你也可以使用角度ID，並將其如下

file.component.html（創建的唯一ID爲你的抽屜傳遞給你的@ViewChild指令）

<RadSideDrawer #myDrawer>

file.component.ts

@ViewChild("myDrawer") public drawerComponent: RadSideDrawerComponent;

測試項目可以發現here（看看應用程序/家/ home.component.ts）

來源

2017-03-02 09:55:27

我仍然試圖使用使用RadSideDrawer的舊方法（其中頁面內容未被RadSideDrawer自身封裝）。所以我的做法有缺陷。有了您的提示，我可以獲得參考，但我不得不重新考慮使用組件本身的方式。接受答案。 – Zoidy

通用的側面菜單組件

回答

相關問題