如何从选定的单选按钮中获取值？

Question

有我的.html代码

    <ion-list radio-group [(ngModel)]="porsiyon" (ionChange)="porsiyontipigetir()">
        <ion-list-header>
            Porsiyon Seç
        </ion-list-header>
        <ion-item *ngFor="let item of porsiyonlar">
            <ion-label>{{item.porsiyon}}
                <p>{{item.fiyat}} ₺</p>
            </ion-label>
            <ion-radio value="{{item.id}}"></ion-radio>
        </ion-item>
        <button *ngIf="porsiyon != ''" ion-button block (click)="ilerle1()">İlerle</button>

    </ion-list>

你看[(ngModel)] = "porsiyon"如果我得到这个值，我只有记录id。我想要所选单选按钮的所有值。

我是说 {{item.porsiyon}} , {{item.fiyat}} 如何在 .ts 文件中使用这些值？

谢谢大家...

Answer 1

我假设您要查找的是获取 .ts 组件文件中特定单选按钮的相应值。如果我的假设是正确的，这个 post 应该能帮到你。

基本上，您只需在单选按钮的某些事件上触发 method/function。希望对您有所帮助。

.html

 <ion-item *ngFor="let item of porsiyonlar">
     <ion-label>{{item.porsiyon}}
          <p>{{item.fiyat}} ₺</p>
     </ion-label>
     <ion-radio value="{{item.id}}" (change)="onItemChange($event)"></ion-radio>
 </ion-item>

.ts

onItemChange(value){
   console.log(" Value is : ", value );
}

Answer 2

 this.porsiyonlar.filter(item => {
  if(item.id === this.porsiyon){
    this.porsiyonadi = item.porsiyon;
  }
});

答对了，谢谢大家

Answer 3

你可以使用id和find方法从porsiyonlar数组中获取选中的项目

porsiyontipigetir() {
 const selectedItem = this.porsiyonlar.find(i => i.id === this.porsiyon)
 console.log(selectedItem .porsiyon,selectedItem .fiyat)
}

另一种选择是将值绑定到它自身的对象

        <ion-radio [value]="item"></ion-radio>

组件

porsiyontipigetir() {
 console.log(this.porsiyon.porsiyon,this.porsiyon.fiyat , this.porsiyon.id)
}

如何从选定的单选按钮中获取值？

How can I get value from selected radio button?

typescript

ionic-framework

ionic3

angular