Angular如何在标签之间传递信息

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>