ng-repeat

Im using a simple ng-repeat to generate a list of countries. Within each list is a hidden row/div that can be expanded and collapsed. The issue that i am facing, is that before i introduced Angular into my application, i manually hard-coded the element's ID, for example: <li data-show="#country1"> {{country.name}} has population of {{country.population}} <div id="country1"> <p>Expand/collapse content </div> </li> <li data-show="#country2"> {{country.name}} has population of {{country.population}} <div id="country2"> <p>Expand/collapse content </div> </li> <li data-show="#country3"> {{country

I'm wondering is it possible to check what collection to use inside ng-repeat ? For example, in my controller I have 2 arrays of data fetched from server, now I use ng-switch to switch between them, check this jsbin - http://jsbin.com/diyefevi/1/edit?html,js,output The problem is that these li views in my real application are big but very similar.. so I really would like to use 1 ng-repeat instead of 2 . So I wonder if something like ng-repeat="book in if list==='adultBooks' adultBooks else childBooks" is possible in Angular? Thanks! Try this ... In your controller $scope.getDataSource

I don't really understand how track by works and what it does. My main goal is to use it with ng-repeat to add some precision. Using track by to track strings & duplicate values Normally ng-repeat tracks each item by the item itself. For the given array objs = [ 'one', 'one', 2, 'five', 'string', 'foo'] , ng-repeat attempts to track changes by each obj in the ng-repeat="obj in objs" . The problem is that we have duplicate values and angular will throw an error. One way to solve that is to have angular track the objects by other means. For strings, track by $index is a good solution as you

I want to use ng-repeat in Angular, while I only want to output some elements of the array. An Example: ng-repeat="item in items | filter:($index%3 == 0)" However, this does not work. Please tell me how to do this; only output exact index of elements. In your code, filter apply on 'items' array, not on each array item, that's why it does not work as you expect. Instead, you can use ng-show (or ng-if): <ul> <li ng-repeat="item in items" ng-show="$index % 3 == 0">{{item}}</li> </ul> See: http://jsfiddle.net/H7d26 EDIT: Use ng-if directive if you do not want to add invisible dom elements: <ul>

This question already has an answer here: What are the nuances of scope prototypal / prototypical inheritance in AngularJS? 3 answers Could someone explain to me why I can't get the current selected radio-button in this simple example. I'm trying to generate dynamically the radio-buttons with an ng-repeat directive and get the current radio-button selected using ng-model. Like this: Template: <div ng-repeat="kind in movieKinds"> <input type="radio" name="movies" ng-value="kind" ng-model="kindSelected"> {{kind.name}}<br> </div> Selected Movie :{{kindSelected}} Controller: mymodule.controller(

Angular Documentation says: - The compilation of the DOM is performed by the call to the $compile() method. The method traverses the DOM and matches the directives. If a match is found it is added to the list of directives associated with the given DOM element. Once all directives for a given DOM element have been identified they are sorted by priority and their compile() functions are executed. The ng-repeat directive I believe has a lower priority than custom directives, in certain use cases like dynamic id and custom directive . Does angular permit tinkering with priority of directives to