angular - 类型 'name' 上不存在属性 'any[]'

Question

使用 [(ngModel)] ，我设法根据选定的下拉菜单设置输入值，但我得到一个 错误 使用 ng build --configuration=prod 编译时, 错误 显示的是

Property 'name' does not exist on type 'any[]'

Property 'value' does not exist on type 'any[]'

当我使用 ng serve 编译时, 没有 错误 , 这里是 stackblitz我创造的和迄今为止我尝试过的，
typescript 文件:

  savedCards = [];
  selectedCard = '';

      selectDropdownCard(card) {
        this.savedCards.find((item) => item.id === card.id) ?
          this.savedCards = this.savedCards.filter((item) => item.id === card.id) :
          this.savedCards = [card];
        this.show = false;
        this.hasSelected = true;
        this.selectedCard = card;
      }

HTML 文件

<div class="div1" (click)="selectSavedCard()" [(ngModel)]="selectedCard" ngDefaultControl>
  <div *ngIf='!hasSelected'>
    <div>
      <p>dropdown</p>
    </div>
  </div>
  <div *ngFor="let card of savedCards">
    <div>
      <p>{{card.viewValue}}</p>
    </div>
  </div>
</div>

<div class="div2" *ngIf="show">
  <div *ngFor="let card of savedCreditCards" (click)="selectDropdownCard(card)">
    <div>
      <p>{{card.viewValue}}</p>
    </div>
  </div>
</div>

<input placeholder="id" [(ngModel)]="selectedCard.id" type="text">
<input placeholder="viewValue" [(ngModel)]="selectedCard.viewValue" type="text">
<input placeholder="name" [(ngModel)]="selectedCard.name" type="text">
<input placeholder="value" [(ngModel)]="selectedCard.value" type="text">

如果我尝试添加接口(interface)并将其用作类型，在 ng build --configuration=prod我没有 错误 , 但在 ng serve 错误 显示的是:

TypeError: Cannot read property 'value' of undefined

我可以使用一些指导和建议，因为我不知道如何解决这个问题。

Answer 1

与其将 selectedCard 初始化为空字符串，不如将其初始化为空对象，这应该可以解决您的问题，我希望这会有所帮助。

  selectedCard = {};