angularjs-ng-repeat

This question has been partly addressed here: Angular.js ng-repeat across multiple tr's However that is just a work-around really, it doesn't actually address the core issue, which is: how can one use ng-repeat across multiple elements without a wrapper? For example, jquery.accordion requires you to repeat an h3 and div element, how could one do this with ng-repeat? Igor Minar We now have a proper support for this, please see: AngularJs Commmit with this change you can now do: <table> <tr ng-repeat-start="item in list"> <td>I get repeated</td> </tr> <tr ng-repeat-end> <td>I also get repeated<

I thought this would be a very common thing, but I couldn't find how to handle it in AngularJS. Let's say I have a list of events and want to output them with AngularJS, then that's pretty easy: <ul> <li ng-repeat="event in events">{{event.title}}</li> </ul> But how do I handle the case when the list is empty? I want to have a message box in place where the list is with something like "No events" or similar. The only thing that would come close is the ng-switch with events.length (how do I check if empty when an object and not an array?), but is that really the only option I have? Artem

controller: $scope.send_index = function(event, val){ console.log(val); $scope.variable = 'vm.areas['+val+'].name'; console.log( $scope.variable ); }; and this is in the view: <select ng-model="vm.areas"> <option ng-repeat="area in vm.areas" ng-value="area" id="{{area}}" ng-click="send_index($event, $index)">{{area.name}} </select> <input value="{{variable}}"> where "vm" is my model. Expression inside of an expression (Angular) my problem is that i need to have an {{array[]}}, with the index as another expression, e.g: {{Array[{{val}}]}}. Already tryed this: $scope.variable = ''+'vm.areas['

I have one dictionary which is stored in field_detail <li ng-repeat = "field in field_detail">{{field.displayName}}</li> Now I dont want to include duplicate displayName of field_detail , what filter should I use? Just create a filter that gets the unique values, probably by a key. Something like this ought to do (I didn't test this at all, so I'll leave that business to you, this is just to give you an idea): app.filter('unique', function() { return function(collection, keyname) { var output = [], keys = []; angular.forEach(collection, function(item) { var key = item[keyname]; if(keys.indexOf

I'm new to Angular JS and I am trying to create a custom directive that will be used as below: <div linkedlist listcolumns="{{cashAccountsColumns}}"></div> Corrps. controller will be: $scope.cashAccountsColumns = [ {"field": "description", "title": "Description"}, {"field": "owner", "title":"Owner"}, {"field": "currentBalance", "title":"Current Balance" } ]; And the directive code is: return { restrict : 'EA', transclude : false, templateUrl : 'html/linkedlist.html', scope: { listcolumns: "@" }, link : function(scope, element, attrs) { } } template is: <table class="box-table" width="100%">