苹果电视-主页与菜单栏，图片和列表与tvml

Question

基于这个示例代码:https://developer.apple.com/library/tvos/samplecode/TVMLCatalog/Introduction/Intro.html#//apple_ref/doc/uid/TP40016505我试着做一个像zova这样的网站我想在顶部显示一个菜单，在遥控器上滑动一下就可以显示每个菜单点应该直接显示一个子页面。

目前它只显示了3个菜单点，但没有内容到它。启动应用程序后，/templates/home/Index.xml会被直接打开。而且我只能用遥控器上的菜单键返回菜单。

我的索引XML文件有以下内容:

<document>
<menuBarTemplate>
<menuBar>
  <menuItem id="navigation_top_travel" data-identifier="list" documentURL="/templates/home/Index.xml" autoHighlight="true">
    <title>Home</title>
  </menuItem>
  <menuItem id="navigation_top_remember" data-identifier="remember" documentURL="/templates/remember/Index.xml">
    <title>Likes</title>
  </menuItem>
  <menuItem id="navigation_top_settings" data-identifier="edit" documentURL="/templates/settings/Index.xml">
    <title>Settings</title>
  </menuItem>
</menuBar>
</menuBarTemplate>
</document>

我怎么能解决这个问题?谢谢你的帮助。

Answer 1

您应该使用getFeature来完成此操作。

doc.addEventListener("select", (event) => {
    const target = event.target;
    const ele = target.parentNode;
    const feature = ele.getFeature("MenuBarDocument");
    const featureDoc = feature.getDocument(target);
    if (featureDoc == null) {
        const documentURL = target.getAttribute("documentURL");
        let docFromURL = your_function_get_doc_from_url(documentURL);
        feature.setDocument(docFromURL);
    }
});