为Angular根组件/模块指定@Input()参数

前端之家收集整理的这篇文章主要介绍了为Angular根组件/模块指定@Input()参数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有3个根组件,由根AppModule引导.

你如何为其中一个组件指定@Input()参数?

也不

<app-modal [id]="'hard-coded value'"></app-modal>
<app-modal [id]="constantExportedByAppmodule"></app-modal>

由AppModalComponent获取

@Input() id: string;

它是未定义的.

据我所知,你不能将@Input()传递给bootstraped组件.

但您可以使用其他方法来做到这一点 – 将值作为属性传递.

index.html:

<my-app myAttribute="myAttributeValue">
    <div>Loading...</div>
</my-app>

app.component.ts:

@Component({
    selector: 'my-app',templateUrl: 'app.component.html',styleUrls: ['app.component.css']
})
export class AppComponent {
    constructor(private elementRef:ElementRef) {
        let myAttribute = this.elementRef.nativeElement.getAttribute('myAttribute');
    }
}

猜你在找的Angularjs相关文章