AngularJS binding issues

Question

When I do the following in my code

<pre>{{uploader.queue.indexOf(item)|json}}</pre>

I get an index of the element that I am looking for but if I do something like this

removeAllFiles(uploader.queue.indexOf(item))

The result is always

-1

Are you sure uploader.queue.indexOf(uploader.queue.indexOf(item)) is what you want to do? The inner function returns an index and you look for that index in the same array. — Manny D
– Manny D, Commented Apr 11, 2014 at 14:02
Good catch, just pasted it wrong sorry, always get confused by SO editor. — eugenekgn
– eugenekgn, Commented Apr 11, 2014 at 14:03
Can you post more of your code? If your remove call is in a controller you need to use $scope.uploader. — Manny D
– Manny D, Commented Apr 11, 2014 at 14:08

Nidhish Krishnan · Accepted Answer · 2014-04-11 14:13:56Z

1

Try this out

Working Demo

html

<div class="container" ng-app="main" ng-controller="Controller">
<div ng-repeat="uploader in uploaders">
      <button ng-click="removeAllFiles(uploader.queue.indexOf(item))">{{uploader.queue.indexOf(item)|json}}
      </button> 
</div>
</div>

script

angular.module('main', []);
// Main Controller
function Controller($scope) {
    $scope.item = 'N'; 
    $scope.uploaders = [{
        clickable: true,
        id:1,
        queue: "ABC-Name"
    }, {
        clickable: false,
        id:2,
        queue: "XYZ-Name"
    }, {
        clickable: true,
        id:3,
        queue: "LMN-Name"
    }];

    $scope.removeAllFiles = function(item) {
     console.log(item);
    }
}

edited Apr 11, 2014 at 14:13

answered Apr 11, 2014 at 14:07

Nidhish Krishnan

20.8k6 gold badges67 silver badges78 bronze badges

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

Collectives™ on Stack Overflow

AngularJS binding issues

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related