Question

所有

我对Angular2很新，当我尝试用户输入时，我使用了模板局部变量，如：

@Component({
  selector: 'my-app',
  template: `
    <input #userinput (input)="0" />
    <div>{{userinput.value}}</div>
  `
})
export class AppComponent {
  userinput = {value:"inside component"};
}

我想知道是否有办法在组件中使用userinput属性而不是输入元素中的本地模板变量？或者我必须使用差异名称

由于

Answer 1

您可以使用@ViewChild()装饰器参考本地模板的变量：

export class AppComponent {
  @ViewChild('userinput') userinput;
}

请注意，您必须等待一段时间才能访问userinput值AfterViewInit() images http://plnkr.co/edit/cSY6n76Wonf3TskOhth1。

Angular2本地模板变量VS组件属性名称相同

1 个答案: