角度5中的<slot>功能

Question

我正在使用SPA（单页应用程序），我已经使用Vue框架来开发应用程序。

• 前端：Vue
• 后端：NodeJs

在我的应用程序中，我还有用角度4编写的其他子模块，我想用角度编写Vue提供的功能。
Here是可以解释<slot>功能的链接。

任何人都可以建议在Angular4起实现相同解决方案的解决方案吗？

Answer 1

这就是所谓的包含，它是通过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>