我正在使用SPA(单页面应用程序),我使用Vue框架来开发应用程序.
>前端:Vue
>后端:NodeJs
在我的应用程序中,我有其他以角度4编写的子模块,我想用角度来编写Vue提供的功能.
Here是可以解释< slot>的链接.功能.
任何人都可以建议在Angular4以上实现相同的解决方案吗?
解决方法
这就是所谓的翻译,并通过Angular实现ng-content.
在线查看一些教程,例如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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。