Question

在我的角度应用程序中安装了ngx-datatable组件，在安装测试时我很简单地按预期发生了一切，但是当使用ngx-datatable-footer元素时，我返回了以下消息：
< BR />

未捕获错误：模板解析错误： 'ngx-datatable-footer'不是已知元素： 1.如果'ngx-datatable-footer'是Angular组件，则验证它是否是此模块的一部分。 2.如果'ngx-datatable-footer'是Web组件，则将'CUSTOM_ELEMENTS_SCHEMA'添加到此组件的'@NgModule.schemas'以禁止＆gt;这条信息。（“
    [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 at 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 at 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）

代码有效：

<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>

代码不起作用：

<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>

我的package.json中的版本：
“@ angular / core”：“^ 4.2.2”，
“@ swimlane / ngx-datatable”：“7.2.1”，

ngx-datatable-footer在Angular Aplication中不起作用

0 个答案: