通过Router-Outlet将两个选择器传递给两个Ng-Content

时间:2018-03-16 12:25:21

标签: javascript angular angular5 angular4-router

我想通过路由器插座传递两个选择器,并且还想为路由器插座添加两个ng内容。下面是我的代码:

dashboard.html

  <div class="row" body>
       <p> I am body </p>
  </div>

pages.html

<app-layout> 
        <button header type="button" class="btn btn-primary">
                Single Button
        </button>   
    <router-outlet body></router-outlet>
</app-layout>

的layout.html

<div class="panel panel-white">
      <div class="panel-heading">
         <ngx-pageheader>
              <ng-content select="[header]"></ng-content>
          </ngx-pageheader>
         <div class="clearfix"></div>
       </div>

       <div class="panel-body">
          <div class="portlet box portlet-blue">
              <div class="portlet-body">
                  <ng-content select="[body]"></ng-content>
               </div>
           </div>

</div>

上面的代码完全像我想要的那样,在标题正文中设置按钮设置在ng内容的标题中,但我现在需要的是移动dashboard.html中的按钮代码并相应地填充内容。

0 个答案:

没有答案