Angular 如何将数据传递到ng容器中
对不起。我是新来的:) 我正在尝试将一些数据传递到模板中 下面是调用sharedComponent的组件Angular 如何将数据传递到ng容器中,angular,angular-template,Angular,Angular Template,对不起。我是新来的:) 我正在尝试将一些数据传递到模板中 下面是调用sharedComponent的组件 从'@angular/core'导入{Component,OnInit}; @组成部分({ 选择器:“sym测试”, templateUrl:'./test.component.html', 样式:[] }) 导出类TestComponent实现OnInit{ 项目=[ '111', '222', '333' ]; 构造函数(){} 恩戈尼尼特(){ } }在您的ng容器中使用[ngTem
从'@angular/core'导入{Component,OnInit};
@组成部分({
选择器:“sym测试”,
templateUrl:'./test.component.html',
样式:[]
})
导出类TestComponent实现OnInit{
项目=[
'111',
'222',
'333'
];
构造函数(){}
恩戈尼尼特(){
}
}
在您的ng容器中使用[ngTemplateOutletContext],并将项目放在ng模板上
<ul>
<li *ngFor="let item of items; index as i;">
<ng-container [ngTemplateOutlet]="defaultTemplate"
[ngTemplateOutletContext]="{item:item}"></ng-container>
</li>
</ul>
<ng-template #defaultTemplate let-item='item'>
{{item}} - Default Template
</ng-template>
-
{{item}}-默认模板
谢谢@raharshi puli这对我的小示例有效,我只需要将它添加到我的主要示例中。