离子:如果在选择中,则根据单选按钮状态进行选择



我正在为应用程序制作模板,当以前的单个按钮之一设置为确定的状态时,我需要显示一个选择组件。逻辑是:

我当前的代码是:

<ion-row>
  <ion-list radio-group [(ngModel)]="tipo">
    <ion-item>
      <ion-label>Gato</ion-label>
      <ion-radio value="g" checked></ion-radio>
    </ion-item>
    <ion-item>
      <ion-label>Perro</ion-label>
      <ion-radio value="p"></ion-radio>
    </ion-item>
  </ion-list>
  <div ng-if="tipo === 'g'">
    <ion-list>
      <ion-item>
        <ion-label>Choose</ion-label>
        <ion-select [(ngModel)]="raza1">
          <ion-option value="angora">angora</ion-option>
          <ion-option value="persa">persa </ion-option>
        </ion-select>
      </ion-item>
    </ion-list>
  </div>
  <div ng-if="tipo === 'p'">
    <ion-list>
      <ion-item>
        <ion-label>Choose</ion-label>
        <ion-select [(ngModel)]="raza2">
          <ion-option value="pastor aleman">Pastor Aleman</ion-option>
          <ion-option value="schnauzer">schnauzer</ion-option>
        </ion-select>
      </ion-item>
    </ion-list>
  </div>
</ion-row>

这么长时间以来我还没有到达NG-如果工作,我不知道为什么。如果您能帮助我弄清楚原因。谢谢

大多数时候,这些问题与JavaScript参考有关。代替 $ scope.tipo,使用 $ scope.somenamespace = { Tipo:'' };

然后在html

中使用somenamespace.tipo而不是tipo

最新更新