AngularJS输出过滤可变

http://plnkr.co/edit/KPMUOp16FAArgx1GsnEx?p=preview AngularJS输出过滤可变

综观代码，变量第一阵列对应于无线电框的列表。当你点击其中任何一个时，它会创建第二个电台列表。第二个列表上的广播框是根据第一个选择过滤出第二个数组而创建的。 Debug显示第一选择。我想要做的是显示一个变量，对应于您从筛选列表中选择的一个收音机框。

因此，您单击"Apple"，出现"Red"和"Yellow"的单选框列表。如果我点击红色，Debug2应显示red - 来自$scope.employees数组的变量。

想法？

来源

2014-03-27 wtz

复选框在哪里？ 'Debug'似乎和你的要求一样 - 你为什么要寻找'Debug2'？ – callmekatootie

如果你点击''Apple'''出现一组复选框。如果我点击它们，我想让它们的变量传递给'Debug2'。 – wtz

请编辑您的问题，然后与此信息。从目前的问题不清楚你面临的问题。 – callmekatootie

创建在控制器模型：

$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

来源

2014-03-27 16:18:07

嗯。有没有办法在一个模型下结合'selectedSub'和'filtering'。在这种情况下，输出将是'{“workspace_id”：“A”，“selectedSub”：“red”}' – wtz

我不这么认为。 'ng-repeat'指令中的每个项目都有自己的范围。所以，如果你想使用循环中的一个元素，它应该是控制器中的对象*预定义的* –

创建控制器的方法，以调试2的设定值

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

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

这里是JSFiddle

来源

2014-03-27 16:44:51 myaseedk

良好的ng-click调用！ – wtz

AngularJS输出过滤可变

回答

相关问题