尝试为angular2组件设置输入参数

时间:2017-03-01 18:44:29

标签: javascript angular

我有一个组件,我试图传递@Input参数并打印变量。输入参数始终未定义。

在index.html我有..

    <body>
<flowsheet [sides]="6">Loading...</flowsheet>

在组件文件中,我有

@Component({
    providers: [],
    moduleId: module.id,
    selector: 'flowsheet',
    templateUrl: './flowsheet.component.html'
})


export class FlowsheetComponent {
    @Input() sides: Number;

   ngOnInit() {
      console.log(' ***** ' + this.sides + ' *******');
   }
}

flowsheet.component.html有

<div>
<ag-grid-ng2 id="flowsheet"
        #agGrid style="width: 100%; height: 100px;box-sizing: border-box;" class="ag-fresh"
             [gridOptions]="gridOptions"
             [columnDefs]="columnDefs"
             [rowData]="rowData"

>
</ag-grid-ng2>

有关错误是什么的任何想法?

0 个答案:

没有答案