离子段值检查所有

Posted 2023-03-13

【中文标题】离子段值检查所有

【英文标题】：Ion-segment value checks all

【发布时间】：2021-09-07 02:45:46

【问题描述】：

每当我尝试输入ion-segment 的值时，它们都会继续。请参阅下面的图片以供参考。 html

 <!-- Segment -->
            <ion-segment
              scrollable
              *ngIf="rating.Type === 'radio'"
              class="segment"
              value=" rating.Checked "
            >
              <ion-segment-button
                (click)="scoreButton(score, rating)"
                *ngFor="let score of rating.Scores"
                value="score.Score_id"
              >
                <!--  score.Descriptions[0].Description  -->
                 score.Score_id 
              </ion-segment-button>
            </ion-segment>

scoreButton()

  scoreButton(score: any, rating: any) 
// To make sure only 1 score.Selected can be true.
    rating.Scores.map((ratingScore) => 
      if (score.Score_id == ratingScore.Score_id) 
        score.Selected = true;
       else 
        ratingScore.Selected = false;
      
    );
    rating.Checked = score.Score_id;
    console.log(score.Descriptions[0].Description, rating);
  

评级图片，以便您查看其背后的数据：

如您所见，我使用 rating.Checked 值来设置ion-segment的值

【参考方案1】：

value 的 ion-segment 和 ion-segment-button 必须在括号之间。所以value="score.Score_id" 必须是value="score.Score_id"。