无法绑定到"树",因为它不是角度 9 中 'treetable' 的已知属性



我正在做一个angular 9项目。我在中遇到错误

我想在树形视图的角度UI中创建一个表。但是当添加标签树表时,我得到了这个错误。错误:

Uncaught (in promise): Error: Template parse errors:
Can't bind to 'tree' since it isn't a known property of 'treetable'. ("
</table>
<treetable
[ERROR ->][tree]="singleRootTree"
[options]="treeOptions"
(nodeClicked)="logNode($event)">
"): ng:///ReportsModule/ReportsComponent.html@91:10
Can't bind to 'options' since it isn't a known property of 'treetable'. ("
<treetable
[tree]="singleRootTree"
[ERROR ->][options]="treeOptions"
(nodeClicked)="logNode($event)">
</treetable>
"): ng:///ReportsModule/ReportsComponent.html@92:10
'treetable' is not a known element:
1. If 'treetable' is an Angular component, then verify that it is part of this module.
2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
</tbody>
</table>
[ERROR ->]<treetable
[tree]="singleRootTree"
[options]="treeOptions"
"): ng:///ReportsModule/ReportsComponent.html@90:8
Error: Template parse errors:
Can't bind to 'tree' since it isn't a known property of 'treetable'. ("
</table>
<treetable
[ERROR ->][tree]="singleRootTree"
[options]="treeOptions"
(nodeClicked)="logNode($event)">
"): ng:///ReportsModule/ReportsComponent.html@91:10
Can't bind to 'options' since it isn't a known property of 'treetable'. ("
<treetable
[tree]="singleRootTree"
[ERROR ->][options]="treeOptions"
(nodeClicked)="logNode($event)">
</treetable>
"): ng:///ReportsModule/ReportsComponent.html@92:10
'treetable' is not a known element:

HTML:

<treetable
[tree]="singleRootTree"
[options]="treeOptions"
(nodeClicked)="logNode($event)">
</treetable>

ts文件包括:

treeOptions: Options<any> = {
capitalisedHeader: true,
highlightRowOnHover: true,
customColumnOrder: [
'client', 'date', 'title', 'start', 'end','price', 'total'
]
};
onRowClicked(row) {
console.log('Row clicked: ', row);
this.dataList = row;
this._data = row;
console.log(this.dataList)
console.log(row.id)
}
logNode(node: Node<any>) {
console.log(node);
}

我能知道我为什么会出现这个错误吗?如果有解决方案,请告诉我。

问题是我没有导入

import { TreetableModule } from 'ng-material-treetable';

在组件模块中。

还将其添加为导入:

@NgModule({
imports: [
........,
TreetableModule ,
...
],
declarations: [ ReportsComponent ]
})
export class ReportsModule { }

最新更新