绑定到ngModel但得到“未定义”(Angular 8)

时间:2019-06-24 02:47:32

标签: angular typescript angular-ngmodel ng-bind

我已将一个属性绑定到ngModel,但是它总是给我 undefined

  <div>
            <input
              type="radio"
              name="input-alumni"
              id="input-alumni-2"
              value="true"
              [(ngModel)]="isAlumni"
              (change)="handleAlumiSelect($event)"
              required
            />
            <label for="input-alumni-2">&nbsp;Yes</label>
          </div>
<div>
            <input
              type="radio"
              name="input-alumni"
              id="input-alumni-1"
              value="false"
              [(ngModel)]="isAlumni"
              (change)="handleAlumiSelect($event)"
            />
            <label for="input-alumni-1">&nbsp;No</label>
          </div>

我在handleAlumiSelect中打印它:

public isAlumni: any;
  handleAlumiSelect(e: any) {
    console.log('handleAlumiSelect');
    console.log(e.target.value);
    console.log(this.isAlumni);
  }

e.target.value向我显示了正确的答案,但是this.isAlumni始终为(“未定义”)。

有人可以告诉我为什么吗?

2 个答案:

答案 0 :(得分:0)

请勿在ngModel中使用值,请先将其删除。

 <input type="radio" name="input-alumni" id="input-alumni-1" [(ngModel)]="isAlumni" (change)="handleAlumiSelect($event)"/>

答案 1 :(得分:0)

最后,我的代码没错。 html文件中还有一些其他错误,因为我正在从AngularJS项目更新项目。这些错误可能会影响绑定。所以我只删除所有导致错误的代码。和ngmodel起作用。