無法綁定到''，因爲它不是已知屬性''angular 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; 

但應

@Input() gridOptions: GridOptions;