Angular 类别'；NgForm'；没有实例getter'；用户'；

我正在尝试建立一个基于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>

我有一个错误：

我做错了什么

 #login="ngForm"

创建引用

NgForm

指令的模板变量

login

[(ngModel)]="login.user"

失败，因为

login

引用了

#login=“ngForm”模板变量，并且错误消息是正确的，它没有属性

user`

---

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

首先，非常感谢。我将

#login

重命名为

#loginCtrl

。要创建登录实例，我应该在

ngOnInit

上执行吗？应该可以。例如，如果它取决于传递给

@Input（）

s的值，则它只需要是ni

ngOnInit（）