错误:无法分配给引用或变量! Angular 4

时间:2017-12-29 11:03:39

标签: angular

添加一些新的html代码后,我在角度4中收到错误,之前表单工作正常。我尝试评论新的代码,但它仍然无法正常工作 - 该怎么做 - 我研究了这个错误并尝试解决但没有任何帮助 - 我也没有得到问题的确切位置

我的代码:

(false,CompactBuffer([Ljava.lang.String;@5bef517c, [Ljava.lang.String;@51ec0ad3))
(true,CompactBuffer([Ljava.lang.String;@44a4871, [Ljava.lang.String;@16a375ad, [Ljava.lang.String;@37703dfd))

我收到错误:

<form role="form" #adminForm="ngForm" (ngSubmit)="logAdmin(adminForm.form)">
          <div class="form-group">
            <input class="form-control" [(ngModel)]="adminUsername" #adminUsername="ngModel" placeholder="Username" type="text" name="adminUsername"
              required>
            <div *ngIf="adminUsername.touched && adminUsername.errors">
              <div class="alert alert-danger" *ngIf="adminUsername.errors.required">Username is required</div>
            </div>
          </div>
          <div class="form-group">
            <input class="form-control" [(ngModel)]="passwordText" #adminPassword="ngModel" id="adminPassword" name="adminPassword" placeholder="Password"
              type="password" required>
          </div>
          <div class="alert alert-danger" *ngIf="adminPassword.touched && adminPassword.errors">Password is required</div>
          <div class="col-md-6" style="text-align: right">
            <button type="submit" class="btn-yellow" [disabled]="!adminForm.valid">Log In</button>
          </div>
        </form>

我在互联网上搜索并发现问题&amp;回答同样的错误 - 但我没有得到任何对我有用的解决方案......这就是为什么这个错误可能会重复,但答案似乎与那里的许多不同。

1 个答案:

答案 0 :(得分:231)

问题是我已经将ngModel变量名重命名为

[(ngModel)]="adminUsername" #adminUsername="ngModel" 

适合我的解决方案

[(ngModel)]="adminUsernameText" #adminUsername="ngModel"