如何在新应用中使用 kbn-top-nav 菜单？

Question

Kibana 5.2.2

在我的 Kibana 应用程序中，我想使用 kbn-top-nav 菜单，就像 done in timelion app 一样。

我将此行添加到我的模板中，仅替换了名称 arg：

<kbn-top-nav name="myappname" config="topNavMenu"></kbn-top-nav>

在控制器中，我添加了配置数组：

  $scope.topNavMenu = [ 
    {   
      key: 'home',
      description: 'Home',
      run: function () { kbnUrl.change('/'); }
    },  
    {   
      key: 'about',
      description: 'About',
      run: function () { kbnUrl.change('/about'); }
    }   
  ];

但是我在顶部没有看到任何菜单。如何正确使用kbn-top-nav？

更新：我在 app.js import 'ui/kbn_top_nav'; 中导入了该指令，现在我看到了一个没有任何样式的原始菜单列表。如何正确获取样式？

Answer 1

您还需要 require('ui/autoload/styles');

如何在新应用中使用 kbn-top-nav 菜单？

How to use kbn-top-nav menu in a new app?

kibana-5