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

AngularJS输出过滤变量

2 个答案: