在组件

Question

这是我的代码

<md-sidenav-layout>
    <left-nav></left-nav>
    <md-content >
      This is content
    </md-content>
</md-sidenav-layout>

左导航组件包含带有此代码的模板html。

 <md-sidenav #left [opened]="true" mode="side" layout-padding>
      <h2>Left Sidenav.</h2>
    </md-sidenav>

当我检查生成的html代码时，问题是侧边栏不起作用，就像这样。

   
                                   

Left Sidenav。

                                  这是内容            

即使我使用组件，如何在没有额外标签的情况下生成如下代码？

<md-sidenav-layout _nghost-pam-3="">

    <md-sidenav layout-padding="" mode="side" ng-reflect-mode="side" ng-reflect-_opened="true" class="md-sidenav-opened md-sidenav-side">
        <h2>Left Sidenav.</h2>
    </md-sidenav>

    <md-content layout-padding="">
         This is content
     </md-content> 

</md-sidenav-layout>