Angular JS ng-click not working in ng-repeat like filter

Question

So I use this code like filter to buttons:

<input value="Type1" ng-click="typeF = {type: 'Type1'}" type="button"/>
<input value="Type2" ng-click="typeF = {type: 'Type2'}" type="button"/>
<input value="Type3" ng-click="typeF = {type: 'Type3'}" type="button"/>
<input value="Type4" ng-click="typeF = {type: 'Type4'}" type="button"/>
<input value="All" ng-click="typeF = null" type="button"/>

And output data by filtering like this:

<tr ng-repeat="product in products | filter:search | filter:someN | filter:typeF">
    <td>{{product.name}}</td>
    <td>{{product.type}}</td>
    <td>{{product.someNvalue}}</td>
</tr>

But I need to use this kind of filter too:

<input ng-repeat="product in products | unique:'soneNvalue'" value="{{product.soneNvalue}}" ng-click="$parent.someN = {someNvalue: '{{product.someNvalue}}'}" type="button" >

ng-click is doing something, but I dod get any output, my list just disapears and all. I use $parent scope but it doesnt help much. Can anyone please help :)

Can you make a live demo? (with JSfiddle for exemple)

R3tep
– R3tep

2014-09-19 13:56:50 +00:00
Commented Sep 19, 2014 at 13:56 — R3tep
– R3tep, Commented Sep 19, 2014 at 13:56

sylwester · Accepted Answer · 2014-09-19 14:07:28Z

4

Please see here http://jsbin.com/muvagexabuto/1/edit

you don't have to interpolate {{product.someNvalue}} inside ng-click

<input ng-repeat="product in products |unique:'soneNvalue'"  ng-value="product.someNvalue" 
ng-click="$parent.someN = {someNvalue: product.someNvalue}" 
type="button" >

edited Sep 19, 2014 at 14:07

answered Sep 19, 2014 at 13:57

sylwester

16.5k1 gold badge27 silver badges33 bronze badges

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

1 Comment

veiss Over a year ago

Thanks. At first it didnt work, but I changet now the value to ng-value, and before when I removed the interpolate I left these ' ' and removing them it worked like charm. :)

Collectives™ on Stack Overflow

Angular JS ng-click not working in ng-repeat like filter

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related