2017-08-15 5 views
0

私はvalorソフトウェアng2-tableを使用していますが、コンソールでエラーが発生したが、コンパイラが満足していますng2-tableエラー: 'ng-table'の既知のプロパティではないため、 'various items'にバインドできません

これらのエラーを解決する方法については、 。コンソールから

エラー:何かアドバイスが高く評価され

Unhandled Promise rejection: Template parse errors: 
Can't bind to 'active' since it isn't a known property of 'ng-table'. 
1. If 'ng-table' is an Angular component and it has 'active' input, then verify that it is part of this module. 
2. If 'ng-table' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. 
("="onNewUserChangeTable(newuserConfig)"(cellClicked)="onCellClick($event)" [ERROR ->][active]="selectedNewUserRow" 

         [rows]="newuserRows" [columns]="newuserColumns"): [email protected]:60 
Can't bind to 'links' since it isn't a known property of 'ng-table'. 
1. If 'ng-table' is an Angular component and it has 'links' input, then verify that it is part of this module. 
2. If 'ng-table' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. 
("tive]="selectedNewUserRow" 
[rows]="newuserRows" [columns]="newuserColumns" [ERROR ->][links]="newuserLinks" 

         (editClicked)="onEditClicked($event)" 

      "): [email protected]:72 
Can't bind to 'options' since it isn't a known property of 'ng-select'. 
1. If 'ng-select' is an Angular component and it has 'options' input, then verify that it is part of this module. 
2. If 'ng-select' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. 
("> 

          <div class="col-sm-8"> 

           <ng-select [ERROR ->][options]="customersToSelect" formControlName="CustomerID" placeholder="Select Customer Name" [disabl"): [email protected]:43 
Can't bind to 'allowClear' since it isn't a known property of 'ng-select'. 
1. If 'ng-select' is an Angular component and it has 'allowClear' input, then verify that it is part of this module. 
2. If 'ng-select' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. 
("Select" formControlName="CustomerID" placeholder="Select Customer Name" [disabled]="isReadOnlyForm" [ERROR ->][allowClear]="true" 

            (deselected)="onCustomerDeselected($event)"): [email protected]:165 
'ng-select' is not a known element: 
1. If 'ng-select' is an Angular component, then verify that it is part of this module. 
2. If 'ng-select' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("Name</label> 

          <div class="col-sm-8"> 

           [ERROR ->]<ng-select [options]="customersToSelect" formControlName="CustomerID" placeholder="Select Customer Na"): [email protected]:32 ; Zone: <root> ; Task: Promise.then ; Value: Error: Template parse errors: 
Can't bind to 'active' since it isn't a known property of 'ng-table'. 
1. If 'ng-table' is an Angular component and it has 'active' input, then verify that it is part of this module. 
2. If 'ng-table' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. 
("="onNewUserChangeTable(newuserConfig)" 

         (cellClicked)="onCellClick($event)" [ERROR ->][active]="selectedNewUserRow" 

         [rows]="newuserRows" [columns]="newuserColumns"): [email protected]:60 
Can't bind to 'links' since it isn't a known property of 'ng-table'. 
1. If 'ng-table' is an Angular component and it has 'links' input, then verify that it is part of this module. 
2. If 'ng-table' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. 
("tive]="selectedNewUserRow" 

         [rows]="newuserRows" [columns]="newuserColumns" [ERROR ->][links]="newuserLinks" 

         (editClicked)="onEditClicked($event)" 

      "): [email protected]:72 
Can't bind to 'options' since it isn't a known property of 'ng-select'. 
1. If 'ng-select' is an Angular component and it has 'options' input, then verify that it is part of this module. 
2. If 'ng-select' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. 
("> 

          <div class="col-sm-8"> 

           <ng-select [ERROR ->][options]="customersToSelect" formControlName="CustomerID" placeholder="Select Customer Name" [disabl"): [email protected]:43 
Can't bind to 'allowClear' since it isn't a known property of 'ng-select'. 
1. If 'ng-select' is an Angular component and it has 'allowClear' input, then verify that it is part of this module. 
2. If 'ng-select' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. 
("Select" formControlName="CustomerID" placeholder="Select Customer Name" [disabled]="isReadOnlyForm" [ERROR ->][allowClear]="true" 

            (deselected)="onCustomerDeselected($event)"): [email protected]:165 
'ng-select' is not a known element: 
1. If 'ng-select' is an Angular component, then verify that it is part of this module. 
2. If 'ng-select' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("Name</label> 

          <div class="col-sm-8"> 

           [ERROR ->]<ng-select [options]="customersToSelect" formControlName="CustomerID" placeholder="Select Customer Na"): [email protected]:32, but from what I can see I have all the correct imports and directives for this to work but evidently something is wrong. 


Below is the table code: 
/* !!! System Imports !!! */ 
import { Component, OnInit, ViewChild } from '@angular/core'; 
import { ToasterService } from 'angular2-toaster'; 
import { FormsModule } from '@angular/forms'; 
import { FormGroup, FormBuilder, Validators } from '@angular/forms'; 
import { ModalDirective } from 'ng2-bootstrap'; 
import { ChangeDetectorRef } from '@angular/core'; 
import { Router, ActivatedRoute } from '@angular/router'; 

/* *** Project Imports *** */ 
import {NewUserService, EventService, ExportToExcel } from '../services/index'; //AuditLogService 
import { NewUser, AuditLog} from '../models/index'; 
import { NewUserGrid } from '../grid/index'; 
import * as FileSaver from 'file-saver'; 

let json2csv = require('json2csv'); 
let jsPDF = require('jspdf'); 
require('jspdf-autotable'); 

@Component 
(
    { 
    selector: 'app-newadminusertable', 
    templateUrl: './adminusertable.component.html', 
    styleUrls: ['./adminusertable.component.css'] 
    } 
) 

export class NEWAdminUserTableComponent implements OnInit 
{ 
@ViewChild('userModal') public userModal: ModalDirective; 
/* TO REMOVE IN DUE COURSE*/ 
    // @ViewChild('file') file: any; 
    // @ViewChild('img') img: any; 
/* TO REMOVE IN DUE COURSE END*/ 

newusers: NewUser[]; 
newuser: NewUser; 
auditLogModel: AuditLog; 


oldValue: any; 
message: string; 
isEditForm: boolean; 
rowIndex: number; 

loggedUser: any = {}; 

myForm: FormGroup; 
isReadOnlyForm: boolean; 
show: boolean; 

//newuser grid code ======================================================================== 
    public newuserRows: Array <any> = []; 
    public newuserColumns: Array <any> = []; 
    public newuserPage: number = 1; 
    public newuserItemsPerPage: number = 10; 
    public newuserMaxSize: number = 5; 
    public newuserNumPages: number = 1; 
    public newuserLength: number = 0; 

    public newuserLinks: any = { 
    isEdit: false, 
    isDelete: false, 
    isView: false 
    }; 

    public gridData: any = { 
    grid: '', 
    isSuperAdmin: null 
    }; 

    public newuserConfig: any = {}; 
    public newuserRowCount: number; 
    public selectedNewUserRow: number; 
    public newuserOtherColumns : number = 0; 
    public gridFilteredData : any = {}; 
    public textMessage : string = ''; 

//newuser grid code ======================================================================== 

public params : any = { 
    } 

constructor(
    private fb: FormBuilder, 
    private newuserService: NewUserService, 
    private toasterService: ToasterService, 
    private eventService: EventService, 

    private newuserGrid: NewUserGrid, 
    private loaderService: LoaderService, 
    private ref: ChangeDetectorRef, 
    private route: ActivatedRoute, 
    private router: Router, 
    private exportToExcel: ExportToExcel 
) { } 

ngOnInit(): void { 
    this.InitializeForm(); 
    this.GetMethods(); 

} 

//form code================================================================================================== 
private InitializeForm() 
{ 

おかげ アンディ

答えて

0

私は「NG2-テーブルの依存を持っていた私のpackage.jsonファイルで持っていたし、それは私のカスタムNG2-テーブルを上書きしてこれのために、私の問題を解決しました。

この問題を解決しました。

関連する問題