AngularJS输出过滤变量

Question

http://plnkr.co/edit/KPMUOp16FAArgx1GsnEx?p=preview

查看代码，第一个变量数组对应于一个单选框列表。当你点击其中任何一个时，它会创建第二个单选框列表。第二列表上的无线电框是通过基于第一选择过滤掉第二阵列来创建的。Debug显示第一选择。我要做的是显示一个变量，该变量对应于您从筛选列表中选择的单选框。

因此，单击"Apple"，会出现一个包含"Red"和"Yellow"的单选框列表。如果我点击红色，Debug2应该显示red——$scope.employees数组中的变量。

想法？

Answer 1

在控制器中创建模型：

$scope.selectedSub =$scope.employees[0].value;   

之后，将模型添加到单选按钮：

<div ng-repeat="emploee in employees | filter:filterFunctions.forWorkspace(filtering.workspace_id)">
      <input type="radio" 
      value="{{emploee.value}}"
      ng-model="$parent.selectedSub"
      name="{{emploee.name}}">{{emploee.sub_text}}</input>

请参阅Plunker

Answer 2

在控制器中创建一个方法来设置Debug2 的值

$scope.Debug2val="";
  $scope.setDebug2val=function(val)
  {
    $scope.Debug2val=val;
  }

然后在HTML中，将单选按钮文本传递给ng-click事件上的上述方法。

这是JSFiddle