以編程方式更改核心菜單/核心子菜單的選擇

Question

我有一個應用程序，它使用核心菜單內核心子菜單內的核心項目的典型模式。這個菜單放在抽屜裏。我的主要內容區域是一個非常長的基於文本內容的頁面。點擊任何核心項目，跳轉到主要內容中的特定錨點。

我的問題是如何以編程方式控制選擇哪個核心項目/核心子菜單？我希望在用戶將主內容區域滾動到不同部分的情況下實現這種模式，並且基於當前可見的文本內容來一致地改變核心菜單選擇。我可以在主窗口中監視滾動事件，但是如何更改在覈心菜單中選擇的項目？

Answer 1

您可以嘗試selected屬性。

以下示例將展開收藏夾並選擇收藏3。

<core-menu selected="1"> 
    <core-submenu icon="settings" label="Topics" selected="1"> 
     <core-item label="Topic 1"></core-item> 
     <core-item label="Topic 2"></core-item> 
    </core-submenu>  
    <core-submenu icon="settings" label="Favorites" selected="2"> 
     <core-item label="Favorite 1"></core-item> 
     <core-item label="Favorite 2"></core-item> 
     <core-item label="Favorite 3"></core-item> 
    </core-submenu> 
</core-menu> 

您可以使用數據，如selected="{{selected}}"或this.$.menu.selected = '0'結合以編程方式更新值。看到這個jsbin作爲一個小演示。