不能绑定到 '' 因为它不是 '' 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;