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仅对其他组件进行任何绑定。

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

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