无法绑定到“”，因为它不是“ 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>

错误：

无法绑定到“ gridOptions”，因为它不是“ app-my-grid-application”的已知属性。

任何帮助将不胜感激！

Answer 1

在您的组件中，这是一个属性

public gridOptions: GridOptions;

但这应该是

@Input() gridOptions: GridOptions;