angular - 类 'NgForm' 没有实例 getter 'user'

Question

我正在尝试构建一个基于 angular2dart 的表单。

组件类:

    @Component(
        selector: 'start-app',
        directives: const[materialInputDirectives],
        styleUrls: const ['login_component.css'],
        templateUrl: 'login_component.html')
    class LoginComponent {

      String scaleImg = 'packages/wp_login/assets/scale.svg';
      Login login = new Login();

      onSubmit() {
        print('Submit');
      }

    }

和模板:

<div class="container">
    <div class="row">
        <div class="image">
            <img [src]="scaleImg">
        </div>
        <div class="forms">
            <form (ngSubmit)="onSubmit()" #login="ngForm">
                <div>
                    <material-input type="text" label="User" [(ngModel)]="login.user"></material-input>
                </div>
                <div>
                    <material-input type="password" label="Password" [(ngModel)]="login.password"></material-input>
                </div>
                <div>
                    <material-input type="text" label="Language" [(ngModel)]="login.language"></material-input>
                </div>
                <div>

                </div>

            </form>
        </div>
    </div>
</div>

我遇到了错误:

我做错了什么？

Answer 1

 #login="ngForm"

创建一个引用 NgForm 指令的模板变量 login。

[(ngModel)]="login.user"

失败，因为login引用了#login="ngForm"模板变量，并且错误消息是正确的，它没有属性user`。

您需要重命名模板变量或组件的属性。