angular - 使用属性初始化 Angular 2 组件

Question

有什么方法可以将参数传递到 Angular 2 组件的根目录吗？我已经能够使用属于内部组件模板一部分的组件来执行此操作，但不能使用根组件来执行此操作:

<my-component [test] = "some-val"></my-component>

在我的组件上:

export class AppComponent implements OnInit {
    test: string;

    ngOnInit() {
        console.log(this.test); //test is undefined
    }
}

这样做的原因是使用 Razor 变量传递给 Angular。例如编辑用户。我可以做这样的事情:

<edit-form [model] = "@Model.Id" > </edit-form>

Answer 1

Angular 不会仅在其他组件内对 index.html 进行任何绑定(bind)。

在根组件中获取属性值的解决方法是

export class AppComponent {
  constructor(elementRef:ElementRef) {
    console.log(elementRef.nativeElement.getAttribute('inputField));
  }
}

另请参阅https://github.com/angular/angular/issues/1858