angular 内容投影

app HTML

  
我是父组件
  
这个div定义在父组件中
  
    
这个div是父组件投影到子组件的1, {
    {title}}
    
这个div是父组件投影到子组件的2
  


 

app TS

import { Component } from '@angular/core';
 
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'demo';
  divContent = '
天下打工
';
}

child HTML

  
我是子组件
  
这个div定义在子组件中
  
内容投影使用 ng-content 跟 select