<slot> функциональность в угловых 5

Question

Я работаю с SPA (одностраничное приложение), я использовал Vue Framework для разработки приложения.

• Front-End: Vue
• Back-End: NodeJs

В моем приложении у меня есть другие подмодули, написанные на угловом 4, я хочунаписать функциональность, предоставляемую Vue, в угловом формате.
Здесь - это ссылка, которая может объяснить функциональность <slot>.

Кто-нибудь может предложить решение для реализации того же самого в Angular4 и далее?

Answer 1

Это называется transclusion, и реализуется с ng-content через Angular.

См. Некоторые учебники в Интернете, например https://scotch.io/tutorials/angular-2-transclusion-using-ng-content

. Это позволяет создавать такие компоненты, как:

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

В вашем HTML:

<app-component>Some text</app-component>

Будет отображаться как:

<div class="container">Some text</div>

Даже вы тоже можете назвать ng-content.если у вас есть несколько содержимого для замены.например -

<ng-content select="[card-body]"></ng-content>