AngularJS：基于两个单选按钮填充选择框

我有两个单选组，每个组有两个单选按钮，年龄组（AG1、AG2）和语言（“一种语言”、“多种语言”）。根据选中的单选按钮，我想用不同的选项填充选择框。因此有4种不同的组合=4组不同的选项（4个AngularJS范围属性）。我和一个使用ng模式的广播电台合作，但我不知道如何用两个。我尝试过使用jQuery，但它不起作用，有人告诉我不应该混合使用AngularJS和jQuery

HTML（ng值在这里显然是错误的，我不知道设置什么值）

因此，如果我选择AG1+one，它应该在选择框中显示PD1E

AG2+1=显示PD2E

AG1+multi=显示PD1M

---

AG2+multi=displayPD2M

一种方法是在选项中使用

ng if

指令：

<select id="inputPD" ng-model="selectPD" class="form-control">
  <option ng-repeat="x in PD1E" ng-if="radio1=='1' && radio2=='E'">{{x}}</option>
  <option ng-repeat="x in PD2E" ng-if="radio1=='1' && radio2=='E'">{{x}}</option>
  <option ng-repeat="x in PD1M" ng-if="radio1=='2' && radio2=='M'">{{x}}</option>
  <option ng-repeat="x in PD2M" ng-if="radio1=='2' && radio2=='M'">{{x}}</option>
</select>

{{x}
{{x}
{{x}
{{x}

---

元素只有在条件为

true

时才会添加。非常感谢，它可以工作！！（虽然在选择标签中不需要ng型号）您知道是否可以用不同的颜色显示前3个选项，可能是ng类？类似ng class=“{red:PD1E[1,2,3]}”（这不起作用）的内容被认为不可能跨平台一致地设置

元素的样式。然而，有些风格是可行的。看见

$scope.PD1E = [
        "1-one", "0,3", "0,5", "0,8", "1,8", "5,9", "12,8", "32,2", "58,8", "81,6", "100,0"
    ];

$scope.PD2E = [
        "2-one", "0,7", "0,9", "2,0", "7,9", "21,3", "41,5", "100,0"
    ];

$scope.PD1M = [
        "1-multi", "2,1", "3,5", "5,6", "12,5", "19,4", "33,3", "48,6", "61,8", "82,6", "95,8", "100,0"
    ];

$scope.PD2M = [
        "2-multi", "0,5", "2,2", "7,6", "23,8", "49,2", "70,3", "100,0"
    ];

<select id="inputPD" ng-model="selectPD" class="form-control">
  <option ng-repeat="x in PD1E" ng-if="radio1=='1' && radio2=='E'">{{x}}</option>
  <option ng-repeat="x in PD2E" ng-if="radio1=='1' && radio2=='E'">{{x}}</option>
  <option ng-repeat="x in PD1M" ng-if="radio1=='2' && radio2=='M'">{{x}}</option>
  <option ng-repeat="x in PD2M" ng-if="radio1=='2' && radio2=='M'">{{x}}</option>
</select>