angularjs-ng-repeat

I have a strange bug that, unfortunately, I cannot replicate with jsfiddle. I've commented out my entire code (Except libraries,etc) except for the following snippets. Is there something obvious that I don't understand? Any ideas? This works and prints: (0,0) (0,1) (1,0) (1,1) <div ng-repeat="i in list"> <div ng-repeat="j in list2"> <div> ({{$parent.$index}} {{$index}}) </div> </div> </div> However, this piece of code prints: (0,0) (1,1) (0,0) (1,1) <div ng-repeat="i in list"> <div ng-repeat="j in list2"> <div ng-if="1"> ({{$parent.$index}} {{$index}}) </div> </div> </div> My controller is:

In the following example: <li ng-repeat="item in items" ng-click="showItem(item)"> <h3>{{item.title}}</h3> <button ng-click="remove(item)">Remove</button> </li> When I click on the button showItem() also is invoked due to event bubbling. I know that I can use $event to watch for $event.currentTarget and do $event.stopPropagation() etc. but this is very ugly. Btw. I don't want to stop propagation on the button (In my case the button is a twitter bootstrap dopdown/button - this is just an example) How do I stop showItem() from beeing called when I click on the remove button? EDIT The ugly fix

I'm trying to pass some data from directive into a function addTrackFromPicker in my controller. $scope.addTrackFromPicker = function (message) { console.log("addTrackFromPicker", message); }; Here what I have in my directive dir.directive('youtubeList', function($http, $timeout, YT_event){ return { restrict: 'E', scope: { search: '=', dial: '&' }, templateUrl: 'youtube-list.html', ... Here I want to call controllers function from my template and pass it item.id.$t as argument: <div class="media list-group-item" ng-repeat="item in entries"> <a type="button" ng-click="dial(item.id.$t)"> <img ng

I can't figure out how to trigger animations on a nested ngRepeat with Angular. The CSS class ".test" is animated. When using ".test" on the inner ngRepeat it doesn't work ( Plunker ): <div ng-repeat="section in sections"> <div ng-repeat="item in section.items" class="test"> <h2>{{item.title}}</h2> </div> </div> When using ".test" on the outer ngRepeat it does work ( Plunker ): <div ng-repeat="section in sections"> <div ng-repeat="item in section.items" class="test"> <h2>{{item.title}}</h2> </div> </div> You probably need to add ngAnimateChildren attribute on the parent container, and update

I'm building a front-end to a mail-system. It's nicely split up in controllers and services. I'm using $interval to check for new mails, which gets received in JSON, and added to a model. Everything gets rendered nicely to the screen with checkboxes to choose mails for deletions and buttons etc... The problem is, that while a person is making choices - $interval will check for new mails, and replace the model-array with the incoming data, recreating the DOM and resetting all choices no matter if it contains new or the same data. The whole idea of the front-end is to avoid a user clicking

I have a service that retrieves data from a JSON file. Some of the data within the data is all in uppercase, for example: $scope.FootballClubs = [{ CompanyName: [MANCHESTER UNITED, LIVERPOOL FOOTBALL CLUB, CHELSEA, WIGAN UNTIED, LEICESTER CITY] }]; And in my HTML, i am simply throwing about the above: <div ng-repeat="name in FootballClubs"> {{ name.CompanyName }} </div> Which throws out: MANCHESTER UNITED LIVERPOOL FOOTBALL CLUB CHELSEA WIGAN UNTIED LEICESTER CITY What i am trying to display is: Manchester United Liverpool Football Club Chelsea Wigan United Leicester City dubadub A filter is

I would like to order a friend list by status (online firsts, offline lasts) and by alphabetical order. All I manage to get is: Online firsts / Reversed alphabetical order Or offline firsts / Alphabetical order Here is plunker to expose my problem Change the orderBy filter to this: orderBy:['-status','name'] This will order by descending status (by prefixing the - character), then ascending name. Currently you're passing true to reverse the sort, which is causing the status to be correct (online first), but the names to be reversed (i.e., descending). If you want to keep the reverse boolean,