angularjs-ng-repeat

I have a list of post with ids like 1,2,3,4,5,6,7,8,9,10,11,12 (json format) The ids are of type String. But I would like to order it according to its numerical order Normal orderBy:'fiche.id' the list is displayed as below. 1,10,11,12,2,3,4,5,6,7,8,9 I would like the output to be of order - 1,2,3,4,5,6,7,8,9,10,11,12 I guess your ids are strings. A simple solution would be use a no. operation inside order by. So instead ofr orderBy:'id' just use orderBy:'id*1' this will consider the id as no. and sort it according to the numerical order. This is all you need - <div ng-repeat="fiche in fiches

I have a table where the rows are repeated via ng-repeat . I am trying to create a template that generates columns <td> for each row <tr> app.directive("customtd", function(){ return { restrict: 'E', template: "<td>{{position.Name}}</td><td>{{position.Code}}</td>", replace: true, scope: { position: '=' } } }); <table> <tr ng-repeat="p in positions"> <customtd position="p"></customtd> </tr> </table> The issue is my custom td template is not rendered at all. Here I intend to replace <customtd> with n number of <td> s - which will be decided based on number of properties on my data object, but at

I am learning angularjs and I am trying use ng-repeat to create an svg graph. I have this html: <svg> <g id="g_{{$index}}" ng-repeat="i in range" ng-cloak> <rect x="{{i / 5}}" y="{{i / 5}}" width="{{i / 5}}" height="{{i / 5}}"></rect> </g> </svg> the 'range' is just a simple array which is defined in controller like this: $scope.range = [100, 200, 300]; the html is working; the rects are rendered on my page. However, Chrome keeps throwing the following error: Error: Invalid value for <rect> attribute height="{{i / 5}}" js/angular.js:1584 JQLiteClone js/angular.js:1584 JQLite.(anonymous

I use ng-repeat to render a html table . My controller looks like so: app.controller("fooCtrl", function($scope, WebSocket) { $scope.foo = [ ... ]; WebSocket.start(function(data) { // this is a callback on websocket.onmessage // here is a for loop iterating through $scope.foo objects and updating them }); }); As you can see, I am updating the $scope.foo array periodically. However, my view is constructed like so: <tr ng-repeat="item in foo"> ... </tr> The problem is, when I update foo , it doesn't re-render my table with new data. How would I go about this problem? Did you wrap the update in