IONI C 5, невозможно передать значения в файл TS с помощью ngModel - PullRequest
Новая
       88

IONI C 5, невозможно передать значения в файл TS с помощью ngModel

0 голосов
/ 22 марта 2020

нужна помощь с IONI C 5..я хочу добавить функцию щелчка для каждого элемента иона ... я хочу, чтобы форма появлялась ниже при нажатии любого элемента raio

Я пытался использовать (ng-click) = "selection (item.id)", а также пытался

ни один из них не работает должным образом. 

<div class="cat-holder">
        <ion-radio-group>
          <div class="rad-item" text-center>
            <ion-item text-center>
              <img src="assets/imgs/dstv.png" alt="">
              <ion-radio value="transport"></ion-radio>
            </ion-item>
            <ion-label>Item1</ion-label>
          </div>

          <div class="rad-item" text-center>
            <ion-item text-center>
              <img src="assets/imgs/bill1.svg" alt="">
              <ion-radio value="bill"></ion-radio>
            </ion-item>
            <ion-label>Item2</ion-label>
          </div>

        </ion-radio-group>
  </div>

Ответы [ 2 ]

0 голосов
/ 22 марта 2020

Я наконец смог сделать это для IONI C 5, используя метод ниже

ON .ts файл, я сделал это следующим образом, используя (ionChange) = "сегментChanged ($ event)" на ионная радиогруппа

категория: любая = "день";

затем на HTML .. надеюсь, это кому-нибудь поможет 

          <ion-label>Select Biller</ion-label>
           <div class="cat-holder">
              <ion-radio-group (ionChange)="segmentChanged($event)" 
                  [value]="category">

              <div class="rad-item" text-center >
                <ion-item text-center>
                  <img src="assets/imgs/dstv.png" alt="">
                  <ion-radio value="transport" name="transport" ></ion-radio>
                </ion-item>
                <ion-label>Dstv</ion-label>
              </div>
              <div class="rad-item" text-center>
                <ion-item text-center>
                  <img src="assets/imgs/gotv.png" alt="">
                  <ion-radio value="Gotv" name="gotv" ></ion-radio>
                </ion-item>
                <ion-label>Gotv</ion-label>
              </div>


            </ion-radio-group>
          </div>
0 голосов
/ 22 марта 2020

Использовать (щелкнуть) = "метод, который вы хотите". И в случае с c 5 использование text-center устарело, я думаю, что вместо него можно использовать class = "ion-text-center"

In Ваш файл TS: 

export yourclass{
selectedValue:any;
}

В вас html Файл: 

<div class="cat-holder">
        <ion-radio-group>
          <div class="rad-item" text-center>
            <ion-item text-center>
              <img src="assets/imgs/dstv.png" alt="">
              <ion-radio [(ngModel)]="selectedValue"  value="transport"></ion-radio>
            </ion-item>
            <ion-label>Item1</ion-label>
          </div>

          <div class="rad-item" text-center>
            <ion-item text-center  >
              <img src="assets/imgs/bill1.svg" alt="">
              <ion-radio [(ngModel)]="selectedValue" value="bill"></ion-radio>
            </ion-item>
            <ion-label>Item2</ion-label>
          </div>

        </ion-radio-group>
  </div>

<div *ngIf="selectedValue=='value u want from radio"></div>
...