Angularjs 在组件中使用侧栏导航

Angularjs 在组件中使用侧栏导航,angularjs,angularjs-directive,angular,angular2-template,angular2-directives,Angularjs,Angularjs Directive,Angular,Angular2 Template,Angular2 Directives,这是我的密码 <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" lay

这是我的密码

<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代码时,边栏不起作用,它是这样的


左侧导航。 这就是内容

即使我使用组件,我如何在没有额外标记的情况下生成下面这样的代码

<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>

左侧导航。
这就是内容

如果您能够使用plunker或JSFIDLE重新创建问题,这将帮助我们更快、更容易地帮助您如果您能够使用plunker或JSFIDLE重新创建问题,这将帮助我们更快、更容易地帮助您