は ''の角2の既知のプロパティではないため ''にバインドできません

Question

私のAngular 2プロジェクトで例外が発生し、その理由を理解できません。

これは私のコードです：

TS：

import {Component} from "@angular/core"; 
import {GridOptions} from "ag-grid"; 
import {RedComponentComponent} from "../red-component/red-component.component"; 

@Component({ 
    selector: 'app-my-grid-application', 
    templateUrl: './my-grid-application.component.html' 
}) 
export class MyGridApplicationComponent { 
    public gridOptions: GridOptions; 

    constructor() { 
    this.gridOptions = {}; 
    this.gridOptions.columnDefs = [ 
     { 
     headerName: "ID", 
     field: "id", 
     width: 100 
     }, 
     { 
     headerName: "Value", 
     field: "value", 
     cellRendererFramework: RedComponentComponent, 
     width: 100 
     }, 

    ]; 
    this.gridOptions.rowData = [ 
     {id: 5, value: 10}, 
     {id: 10, value: 15}, 
     {id: 15, value: 20} 
    ] 
    } 
} 

HTML：

<div style="width: 200px;"> 
    <app-my-grid-application #agGrid style="width: 100%; height: 200px;" class="ag-fresh" 
        [gridOptions]="gridOptions"> 
    </app-my-grid-application> 
</div> 

エラー：

Can't bind to 'gridOptions' since it isn't a known property of 'app-my-grid-application'.

任意の助けを深く理解されるであろう！あなたのコンポーネントで

Answer 1

これはプロパティ

public gridOptions: GridOptions; 

である。しかし、それは実行時に、R.Richardsコンソール@

@Input() gridOptions: GridOptions;