在我的角度项目,让说,我有如下设置:角传球变量
主页:
的.html:
<div class="main component" *ngFor="let item of items;">
<my-card [info]="item"></my-card>
</div>
组件页:
。:
import { Component, Input } from '@angular/core';
@Component({
selector: 'my-card',
templateUrl: 'myCard.html'
})
export class myCard{
@Input() info: Array<any>;
}
的.html:
<div class="subComponent"> {{info}}</div>
的想法是使用主网页,其工作只是正常的内部myCard
HTML模板。
但不知何故info
是.ts
文件内部未定义的。
我该如何更改代码,以便定义main page
的info
变量?
export class myCard{
@Input() info: Array<any>;
console.log(info); //Currently undefined
};
item不是数组,我认为;所以这应该是@Input()info:any; –
您是否尝试过使用'ngOnInit'钩子? – yurzui
要明确,'console.log'语句应该放在'ngOnInit'里面 – Skeptor