导航标签在Angular 2和mdl中无法正确呈现

嗨，我对mdl有点新，而且我正在呈现一个导航栏如何在我正在构建的角度2的web应用中呈现问题 - 它呈现作为一个灰色的背景和hover- 如果我把它拿出来它呈现确定，但我不知道如何添加MDL响应没有它的资产净值的..导航标签在Angular 2和mdl中无法正确呈现

下面

是我使用

HTML模板

<div mdl class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> 
    <header class="mdl-layout__header hpe-slate mdl-layout__header--waterfall"> 
    <div class="mdl-layout-icon"></div> 
    <div class="mdl-layout__header-row"> 
     <!-- Title --> 
     <span class="mdl-layout-title">angular2-quickstart</span> 
     <!-- Add spacer, to align navigation to the right --> 
     <div class="mdl-layout-spacer"></div> 
     <!-- Navigation. We hide it in small screens. --> 
     <nav class="mdl-navigation mdl-layout--large-screen-only"> 
     <a class="mdl-navigation__link" routerLink="/Home" routerLinkActive="active">Home</a> 
     <a class="mdl-navigation__link" routerLink="/Items" routerLinkActive="active">Items</a> 
     <a class="mdl-navigation__link" routerLink="/Widgets">Widgets</a> 
     </nav> 
    </div> 
    </header> 
    <div class="mdl-layout__drawer mdl-layout--small-screen-only"> 
    <span class="mdl-layout-title">Menu</span> 
    <nav class="mdl-navigation"> 
     <a class="mdl-navigation__link" routerLink="/Home" routerLinkActive="active">Home</a> 
     <a class="mdl-navigation__link" routerLink="/Items" routerLinkActive="active">Items</a> 
     <a class="mdl-navigation__link" routerLink="/Widgets">Widgets</a> 
    </nav> 
    </div> 
    <main class="mdl-layout__content"> 
    <div class="page-content"> 
     <router-outlet></router-outlet> 
     <!-- Your content goes here --> 
    </div> 
    </main> 
</div>

任何帮助，将不胜感激

来源

2016-09-01 PikeBishop

你能分享你的自定义CSS以及 –

好的抱歉发现问题有一个背景色为导航a设置的胭脂CSS - 删除了一个固定的问题。

来源

2016-09-01 12:59:14 PikeBishop

导航标签在Angular 2和mdl中无法正确呈现

回答

相关问题