无法绑定到“属性”，因为它不是“cmp”的已知属性答案

【问题标题】：Can't bind to 'property' since it isn't a known property of 'cmp'无法绑定到“属性”，因为它不是“cmp”的已知属性
【发布时间】：2017-02-03 19:50:06
【问题描述】：

我有以下组件和模块：

图表组件

@Component({
          moduleId: module.id,
          selector: 'chart-cmp',
            template: ''
        })
export class ChartComponent implements OnChanges {
    @Input
    typeId : string;

    @Input
    username : string;

    @Input
    grain : string;
...}

图表模块

import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { ChartComponent } from './chart.component';

@NgModule({
    imports: [RouterModule],
    declarations: [ChartComponent],
    exports: [ChartComponent]
})
export class ChartModule { }

ChartPanelComponent

import { Component, Input } from '@angular/core';

@Component({
  moduleId: module.id,
  selector: 'chart-panel-cmp',
    templateUrl: 'chart_panel.component.html'
})
export class ChartPanelComponent {

ChartPanelModule

import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { ChartPanelComponent } from './chart_panel.component';
import { ChartModule } from '../chart/chart.module';

@NgModule({
    imports: [RouterModule, ChartModule],
    declarations: [ChartPanelComponent],
    exports: [ChartPanelComponent]
}) 
export class ChartPanelModule { }

ConsoComponent

import { Component, OnInit,  ElementRef, Inject, forwardRef } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { DashboardComponent } from '../dashboard.component';

@Component({
  moduleId: module.id,
  selector: 'conso-cmp',
    templateUrl: 'conso.component.html'
})
export class ConsoComponent implements OnInit {...}

ConsoModule

import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { ConsoComponent } from './conso.component';
import { ChartPanelModule } from '../chart_panel/chart_panel.module';

@NgModule({
    imports: [RouterModule, ChartPanelModule],
    declarations: [ConsoComponent],
    exports: [ConsoComponent]
})

export class ConsoModule { }

我收到以下错误：

未处理的 Promise 拒绝：模板解析错误：无法绑定到“typeId”，因为它不是“chart-cmp”的已知属性。 1. 如果 'chart-cmp' 是一个 Angular 组件并且它有 'typeId' 输入，那么验证它是这个模块的一部分。 2. 如果“chart-cmp”是一个 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schema”以禁止显示此消息。

【问题讨论】：

标签： angular

【解决方案1】：

您需要将 () 添加到您的 @Input 装饰器中：

@Input()
typeId : string;

@Input()
username : string;

@Input()
grain : string;

【讨论】：