使用* ngSwitchCase时不显示列表

Question

我想将3个按钮绑定到3个不同的列表。我可以使用ion-segment，但由于我喜欢这些段的设计，因此只需要使用自定义按钮即可。但是，现在当我实现* ngSwitchCase时，单击按钮并收到此错误 Error: No value accessor for form control with unspecified name attribute

时，列表根本不显示

page.html

 <ion-row [(ngModel)]="pre" [(ngModel)]="type" class="bg">
            <ion-col col-4><ion-button value="own"</ion-button></ion-col>
            <ion-col col-4><ion-button value="friends"</ion-button></ion-col>
            <ion-col col-4><ion-button value="all" </ion-button></ion-col>
          </ion-row>

 <div [ngSwitch]="pre">

    <ion-list  *ngSwitchCase="'own'">

     </ion-list>

       <ion-list  *ngSwitchCase="'friends'">

     </ion-list>

       <ion-list  *ngSwitchCase="'all'">

     </ion-list>

     </div>

Answer 1

这里的问题是ion-row没有实现值访问器，这是使用ngModel所必需的，您需要使用一个实现值访问器的元素。

例如ion-segment

  <ion-segment [(ngModel)]="type" [(ngModel)]="pre">    
    <ion-segment-button value="own">
      Own
    </ion-segment-button>
    <ion-segment-button value="friends">
      Friends
    </ion-segment-button>
    <ion-segment-button value="all">
      All
    </ion-segment-button>
  </ion-segment>

在一个元素上有两个ngModel很奇怪，但是如果您愿意的话，也可以。