angularjs-ng-repeat

I tried to work from the solution to this How to retain scroll position of ng-repeat in AngularJS? to achieve retaining the scroll position when removing the top item in an ng-repeat but couldn't figure out the code to do so. Also, side note, the list should print in the same order as the items array, not in the reverse as the example does. The solution's code: angular.module("Demo", []) .controller("DemoCtrl", function($scope) { $scope.items = []; for (var i = 0; i < 10; i++) { $scope.items[i] = { id: i, name: 'item ' + i }; } $scope.addNewItem = function() { $scope.items = $scope.items

I made a CSS3 animation connected to an ng-repeat which then shows an inline-list with Bootstrap3, I limited the number of maximum 3 of the list showing and I have some little issues with appears mostly in Firefox (believe it or not IE11 is without issues, wow I was surprised). I have 2 buttons (previous/next) and when I click the Next button then the animation of sliding from left to right start to do his job, but in Firefox when clicking multiple times, it seems that the animation only works on 2/3 of the list (basically the last item on the right always show up first without even sliding

I'm stuck on a problem involving a fixed header table. I'm using AngularJS & Bootstrap to build a web application. I can't use ng-grid as it doesn't support IE7. So, I'm populating the table rows by ng-repeat . The application is responsive . So, I can't give fixed width to the cells/headers. Is there any simple way to have the table headers fixed? I've put up a Plunker at Fixed header table with AngularJS Thanks in advance. I created a directive for this recently, you can install it using bower: bower install angu-fixed-header-table For more details and a working example you can see my blog

I used Bootstrap Multiselect Dropdown http://davidstutz.github.io/bootstrap-multiselect/ & embed into the sub-template of AngularJS & let it run with the following function: $scope.$on('$viewContentLoaded', function () { $(document).ready(function() { $('#example27').multiselect({ includeSelectAllOption: true }); }); }); I continued using ng-repeat to print the inside options of this input select: <select id="example27" multiple="multiple"> <option ng-repeat="list in lists" value="{{list.id}}">{{list.name}}</option> </select> But when ng-repeat is in this input select, it did not work & didn't

When I click on tr without any filter, my function array.splice() works. Indexes in the array are in the correct order, so the array.splice() works. When the filter is enable, Indexes in the array are not updated and still in the same order. So array.splice() removes the wrong item. <span ng-click="orderP0 = 'statut_name'; reversePO=!reversePO">order</span> <tr ng-repeat="project in projects | orderBy : orderPO : reverse track by $index" ng-click="remove($event,$index,projects)"> <span class="label" ng-bind="project.statut_name"></span> </tr> $scope.remove = function($event,index,array){ array