각도

Question

태그 사이의 구성 요소를 정보를 전달하는 방법을 나는

<app-select-component><p>Hello world</p></app-select-component> 

나는이 기술을 호출하고, Google에 설명하는 힘든 시간을 보내고하는 방법을 잊어

.... 같은

Answer 1

이 각도하셨습니까 의미 콘텐츠 투영. 그렇다면 다음과 같이하십시오.

내-component.component.ts

import { Component } from '@angular/core'; 

@Component({ 
    selector: 'my-component', 
    template: ` 
    <div class="my-component"> 
     <ng-content></ng-content> 
    </div> 
    ` 
}) 
export class MyComponent {} 

app.component.ts

import { Component } from '@angular/core'; 

@Component({ 
    selector: 'my-app', 
    template: ` 
    <div class="app"> 
     <my-component> 
     This is my transcluded content! 
     </my-component> 
    </div> 
    ` 
}) 
export class AppComponent {} 


DOM 

<div class="app"> 
    <my-component> 
    <div class="my-component"> 
     This is my transcluded content! 
    </div> 
    </my-component> 
</div>