ngx-datatable-footer does not work in Angular Aplication -
in angular application installed ngx-datatable component, when mounting test got simple occurred expected, when using ngx-datatable-footer element returned following message:
uncaught error: template parse errors: 'ngx-datatable-footer' not known element: 1. if 'ngx-datatable-footer' angular component, verify part of module. 2. if 'ngx-datatable-footer' web component add 'custom_elements_schema' '@ngmodule.schemas' of component suppress > message. ("
[error ->]<ngx-datatable-footer> <ng-template ngx-datatable-footer-template>
"): ng:///geneappmodule/processoformcomponent.html@567:8 @ syntaxerror (http://localhost:4200/vendor.bundle.js:170688:34) @ templateparser.webpackjsonp.../../../compiler/@angular/compiler.es5.js.templateparser.parse (http://localhost:4200/vendor.bundle.js:181808:19) @ jitcompiler.webpackjsonp.../../../compiler/@angular/compiler.es5.js.jitcompiler._compiletemplate (http://localhost:4200/vendor.bundle.js:195960:39) @ http://localhost:4200/vendor.bundle.js:195880:62 @ set.foreach (native) @ jitcompiler.webpackjsonp.../../../compiler/@angular/compiler.es5.js.jitcompiler._compilecomponents (http://localhost:4200/vendor.bundle.js:195880:19) @ http://localhost:4200/vendor.bundle.js:195767:19 @ object.then (http://localhost:4200/vendor.bundle.js:170677:148) @ jitcompiler.webpackjsonp.../../../compiler/@angular/compiler.es5.js.jitcompiler._compilemoduleandcomponents (http://localhost:4200/vendor.bundle.js:195766:26) @ jitcompiler.webpackjsonp.../../../compiler/@angular/compiler.es5.js.jitcompiler.compilemoduleasync (http://localhost:4200/vendor.bundle.js:195695:37)
code works:
<ngx-datatable class="material" [rows]="rows" [columnmode]="'force'" [footerheight]="100" [headerheight]="50" [rowheight]="'auto'"> <ngx-datatable-column name="ordem" prop="ordem" [width]="75"> <ng-template let-column="column" ngx-datatable-header-template> {{column.name}} </ng-template> <ng-template let-value="value" ngx-datatable-cell-template> {{value}} </ng-template> </ngx-datatable-column> </ngx-datatable>
code not work:
<ngx-datatable class="material" [rows]="rows" [columnmode]="'force'" [footerheight]="100" [headerheight]="50" [rowheight]="'auto'"> <ngx-datatable-footer> <ng-template ngx-datatable-footer-template> <div style="padding: 5px 10px"> teste </div> </ng-template> </ngx-datatable-footer> </ngx-datatable>
version in package.json:
"@angular/core": "^4.2.2",
"@swimlane/ngx-datatable": "7.2.1",
Comments
Post a Comment