AngularJS Output filtered variable

Question

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

Looking at the code, the first array of variables corresponds to a list of radio boxes. When you click on any of them, it creates a second radio box list. The radio boxes on the second list are created by filtering out a second array based on the first selection. Debug shows first selection. What I'm trying to do is display a variable that corresponds to a radio box that you select from the filtered list.

So you click "Apple", a radio box list of of "Red" and "Yellow" appears. If I was to click on Red, Debug2 should show red - variable from $scope.employees array.

Ideas?

Where is the checkbox? Debug seems to be doing the same thing as your requirement - why are you looking for Debug2? — callmekatootie
– callmekatootie, Commented Mar 27, 2014 at 15:38
If you click on "Apple" a set of check boxes appear. If I click on them, I want their variables to be passed to Debug2. — wtz
– wtz, Commented Mar 27, 2014 at 15:41
Please edit your question then with this information. It is not clear from the current question the problem that you face.. — callmekatootie
– callmekatootie, Commented Mar 27, 2014 at 15:43

Maxim Shoustin · Accepted Answer · 2014-03-27 16:23:09Z

2

Create in controller the model:

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

After, add the model to radio-buttons:

<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>

See Demo in Plunker

edited Mar 27, 2014 at 16:23

answered Mar 27, 2014 at 16:18

Maxim Shoustin

78k29 gold badges212 silver badges229 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

wtz Over a year ago

Hm. Is there a way to combine selectedSub and filtering under one model. The output in this case would be {"workspace_id": "A", "selectedSub": "red"}

Maxim Shoustin Over a year ago

I don't think so. Each item in ng-repeat directive has its own scope. So if you want to use one of elements out of loop, it should be object predefined in controller

myaseedk · Accepted Answer · 2014-03-28 08:34:37Z

1

Create a method in controller to set value for Debug2

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

Then in HTML pass the radio button text to the above method on ng-click event.

Here is the JSFiddle

edited Mar 28, 2014 at 8:34

answered Mar 27, 2014 at 16:44

myaseedk

1,9781 gold badge14 silver badges12 bronze badges

1 Comment

wtz Over a year ago

Good call on the ng-click!

Collectives™ on Stack Overflow

AngularJS Output filtered variable

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related