Angular 之 ng-content

    有点类似 slot
    ng-content提供select 属性，方便我们选择投影的内容(组件或者html里面的标签)，
    如果我们没有设置select属性则所有的内容都可以投影上来。select的选择规则很简单，就三种规则：
    
    select="xx"选择，xx对应html里面标签或者组件的名字。比如select="div"表示ng-content位置只会放div标签。
    <ng-content select="div"></ng-content>
    
    select=".xx"选择，xx对应html标签或者组件的class名字。比如select=".select-class"表示ng-content位置只会放设有class="select-class"的html标签或者组件
    
    <ng-content select=".select-class"></ng-content>

封装组件处

父组件 调用 html

<app-page title="抽签规则" submitBtn="true">
     <div main class="content-body">
      <div class="headView">
          <p class="title">稀缺好货</p>
          <p class="subTitle">活动规则介绍</p>
     </div>
     </div>
 <div submit class="submit" (mouseup)="selectItemSize('ALL', -1)">
       查看全部尺码
 </div>
</app-page>