Ngx-Datatable 无法访问模板中的行
Ngx-Datatable can't access row in template
我正在尝试使用
<ng-template let-row="row" ngx-datatable-cell-template>
在我的 ngx-datatable
但我收到以下错误:
The template context of 'DataTableColumnCellDirective' does not define a member called 'row'
这是我的完整代码:
<ngx-datatable
class="data-table"
[rows]="filteredItems"
[ngClass]="'material'"
[rowHeight]="'auto'"
[headerHeight]="50"
[footerHeight]="50"
[limit]="6"
[columnMode]="'force'">
<!-- Developer Id Column -->
<ngx-datatable-column prop="id" name="Id"></ngx-datatable-column>
<!-- Developer First Name Column-->
<ngx-datatable-column prop="devFirstName" name="First Name"></ngx-datatable-column>
<!-- Developer Last Name Column -->
<ngx-datatable-column prop="devLastName" name="Last Name"></ngx-datatable-column>
<!-- Developer Last Name Column -->
<ngx-datatable-column prop="email" name="Mail"></ngx-datatable-column>
<!-- Developer GitLab Id Column -->
<ngx-datatable-column prop="gitlabId" name="Git Id"></ngx-datatable-column>
<!-- Developer App Count Column-->
<ngx-datatable-column prop="appCount" name="Apps"></ngx-datatable-column>
<!-- Developer License Column -->
<ngx-datatable-column prop="license" name="License"></ngx-datatable-column>
<!-- Developer Edit Column -->
<ngx-datatable-column name="Edit" [sortable]="false">
<ng-template let-row="row" ngx-datatable-cell-template>
<ion-button size="small" fill="outline" (click)="changeLicense(row.id)">Edit</ion-button>
</ng-template>
</ngx-datatable-column>
</ngx-datatable>
有人知道我做错了什么吗?
提前致谢!
其他信息:问题已通过 Angular 语言服务
的 v0.900.8 解决
如果您使用 VS Code 作为代码编辑器,在 VS Code 和使用 ng-templates 的指令中,Angular 语言服务版本大于 v0.900.4 运行 存在问题。
即使语言服务给你一个错误,代码也应该编译和工作。
这个
有一个未解决的问题
https://github.com/angular/vscode-ng-language-service/issues/572
您可以按照 答案中给出的示例进行操作,直到问题得到解决,即将 Angular 语言服务降级到 v0.900.4,方法是转到扩展选项卡并搜索 Angular 语言服务。单击扩展旁边的管理按钮,然后 select 安装另一个版本。那么select版本v0.900.4.
我正在尝试使用
<ng-template let-row="row" ngx-datatable-cell-template>
在我的 ngx-datatable
但我收到以下错误:
The template context of 'DataTableColumnCellDirective' does not define a member called 'row'
这是我的完整代码:
<ngx-datatable
class="data-table"
[rows]="filteredItems"
[ngClass]="'material'"
[rowHeight]="'auto'"
[headerHeight]="50"
[footerHeight]="50"
[limit]="6"
[columnMode]="'force'">
<!-- Developer Id Column -->
<ngx-datatable-column prop="id" name="Id"></ngx-datatable-column>
<!-- Developer First Name Column-->
<ngx-datatable-column prop="devFirstName" name="First Name"></ngx-datatable-column>
<!-- Developer Last Name Column -->
<ngx-datatable-column prop="devLastName" name="Last Name"></ngx-datatable-column>
<!-- Developer Last Name Column -->
<ngx-datatable-column prop="email" name="Mail"></ngx-datatable-column>
<!-- Developer GitLab Id Column -->
<ngx-datatable-column prop="gitlabId" name="Git Id"></ngx-datatable-column>
<!-- Developer App Count Column-->
<ngx-datatable-column prop="appCount" name="Apps"></ngx-datatable-column>
<!-- Developer License Column -->
<ngx-datatable-column prop="license" name="License"></ngx-datatable-column>
<!-- Developer Edit Column -->
<ngx-datatable-column name="Edit" [sortable]="false">
<ng-template let-row="row" ngx-datatable-cell-template>
<ion-button size="small" fill="outline" (click)="changeLicense(row.id)">Edit</ion-button>
</ng-template>
</ngx-datatable-column>
</ngx-datatable>
有人知道我做错了什么吗?
提前致谢!
其他信息:问题已通过 Angular 语言服务
的 v0.900.8 解决如果您使用 VS Code 作为代码编辑器,在 VS Code 和使用 ng-templates 的指令中,Angular 语言服务版本大于 v0.900.4 运行 存在问题。 即使语言服务给你一个错误,代码也应该编译和工作。
这个
有一个未解决的问题https://github.com/angular/vscode-ng-language-service/issues/572
您可以按照