使上下文可用于传递给ng-content的模板
使上下文可用于传递给ng-content的模板
提问于 2018-06-02 05:51:28
我在app.module.ts中有两个模块，即
- status.module.ts and
- table.module.ts
下面是我的表组件：
<ngx-datatable class="material"
[rows]="rows"
[columns]="columns"
[rowClass]="rowClass ? rowClass : null"
[columnMode]="'force'"
[headerHeight]="50"
[footerHeight]="50"
[rowHeight]="null"
[limit]="10"
[loadingIndicator]="loadingIndicator"
[groupRowsBy]="groupRowsBy"
[groupExpansionDefault]="groupExpansionDefault">
<!-- Group Header Template -->
<ngx-datatable-group-header *ngIf="groupRowsBy" >
<ng-template let-group="group" let-expanded="expanded" ngx-datatable-group-header-template>
<ng-content></ng-content>
</ng-template>
</ngx-datatable-group-header>
</ngx-datatable>现在，我需要从status.component.html为ng-content(table.component.html格式)传递以下内容：
<span>
<button class="btn btn-link link" (click)="status.openStatus(group)">{{group.key}}</button>
</span>这里的问题是，因为group是在table.component.html中声明的，所以在status.component.html中无法识别group
有没有办法让它正常工作？
回答 1
Stack Overflow用户
发布于 2018-06-02 10:28:14
在状态组件中，将模板引用变量(appTable)创建为：
<app-table #appTable>
<span>
<button class="btn btn-link link" (click)="status.openStatus(appTable.Group)">{{appTable.Group.key}}</button>
</span>
</app-table>table.component创建setter和getter
_group: any;
set Group(value) {
this._group = value;
}
get Group() {
return this._group;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50651392
复制相关文章
相似问题