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