如何在新应用中使用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');