基于选定的选项，我想使用离子和角度 js 显示选择字段

Question

在父选择选项中有 Option-1、Option-2、Option-3 并且也有空。当曾经选择我想要显示下面的任何选项时，选择诸如“选择”选项2的字段，如“选择”选项2我希望如下所示的2个选择字段，如果选择空我不想显示子选择标签。

这是代码，但我不想以静态方式显示我需要动态显示

function Controller ($scope) {
    $scope.myDropDown = '';
}

<div ng-app ng-controller="Controller">
    <select ng-model="myDropDown">
          <option value="q"></option>
          <option value="one">One</option>
          <option value="two">Two</option>
          <option value="three">Three</option>
    </select>
    
        
    <select ng-show="myDropDown=='one'" >
          <option value="1"></option>
          <option value="111">1</option>
          <option value="1111">1111</option>
          <option value="111">1111111</option>
    </select>
    
    <select ng-show="myDropDown=='two'" >
          <option value="2"></option>
          <option value="222">2</option>
          <option value="2222">222</option>
          <option value="222">22222</option>
    </select>
    <select ng-show="myDropDown=='two'" >
      		<option value="22"></option>
          <option value="222222">22</option>
          <option value="22222222">222222</option>
          <option value="222222">2222222222</option>
    </select>
    
    <select ng-show="myDropDown=='three'" >
      		<option value="3"></option>
          <option value="333">3</option>
          <option value="3333">333</option>
          <option value="333">33333</option>
    </select>
    <select ng-show="myDropDown=='three'" >
          <option value="33"></option>
          <option value="333333">33</option>
          <option value="33333333">333333</option>
          <option value="333333">3333333333</option>
    </select>
    <select ng-show="myDropDown=='three'" >
          <option value="333"></option>
          <option value="333333333">333</option>
          <option value="333333333333">333333333</option>
          <option value="333333333">333333333333333</option>
    </select>
</div>

Answer 1

如果我很好理解你的问题，你想从select 中选择项目，然后在离子列表中显示 1,2 或 3 个项目，如果这是你想要的，这是一个想法：

 <div class="well" ng-show="Lang1 == '1'">
    <div class="form-group">
      <select class="form-control" id="sel2" ng-model="Lang2" ng-change="changeMe()">
        <option ng-option value="1">Language 1</option>
        <option ng-option value="2">Language 2</option>
        <option ng-option value="3">Language 3</option>
      </select>
    </div>
    <ion-list>
      <ion-checkbox ng-if="Lang2>=1">Read</ion-checkbox>
      <ion-checkbox ng-if="Lang2>=2">Write</ion-checkbox>
      <ion-checkbox ng-if="Lang2>=3">Speak</ion-checkbox>
    </ion-list>
  </div>

这是example：

编辑
这是你want
PS：这只是一个启发你的例子，真正的解决方案取决于你的需求

编辑
这个呢example