Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何将数据传递到ng容器中_Angular_Angular Template - Fatal编程技术网

Angular 如何将数据传递到ng容器中

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

对不起。我是新来的:)

我正在尝试将一些数据传递到模板中

下面是调用sharedComponent的组件

从'@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这对我的小示例有效,我只需要将它添加到我的主要示例中。