I would suggest using a custom filter such as this: app.filter(‘reverse’, function() { return function(items) { return items.slice().reverse(); }; }); Which can then be used like: <div ng-repeat=”friend in friends | reverse”>{{friend.name}}</div> See it working here: Plunker Demonstration This filter can be customized to fit your needs as seen fit. I have provided other examples … Read more
Good question. The difference is simple – there is absolutely no difference between the two except that certain HTML5 validators will throw an error on a property like ng-app, but they don’t throw an error for anything prefixed with data-, like data-ng-app. So to answer your question, use data-ng-app if you would like validating your … Read more
Here is a Plunk that does what you want: http://plnkr.co/edit/TTlbSv?p=preview The idea is that you work with promises directly and their “then” functions to manipulate and access the asynchronously returned responses. app.factory(‘myService’, function($http) { var myService = { async: function() { // $http returns a promise, which has a then function, which also returns a … Read more
Here is the simple one line fix without css. {{ myString | limitTo: 20 }}{{myString.length > 20 ? ‘…’ : ”}}
The easiest way is using shift(). If you have an array, the shift function shifts everything to the left. var arr = [1, 2, 3, 4]; var theRemovedElement = arr.shift(); // theRemovedElement == 1 console.log(arr); // [2, 3, 4]
This really depends on your specific use case, but a simple way would follow a pattern like this: .controller(‘MainCtrl’, function ( $scope, myService ) { $scope.loading = true; myService.get().then( function ( response ) { $scope.items = response.data; }, function ( response ) { // TODO: handle the error somehow }).finally(function() { // called no matter … Read more
You can do injection on Directives, and it looks just like it does everywhere else. app.directive(‘changeIt’, [‘myData’, function(myData){ return { restrict: ‘C’, link: function (scope, element, attrs) { scope.name = myData.name; } } }]);
There’s no need to write a custom directive. Angular’s documentation is good but not complete. In fact, there is a directive called ngRequired, that takes an Angular expression. <input type=”email” name=”email” ng-model=”contact.email” placeholder=”your@email.com” ng-required=’!contact.phone’ /> <input type=”text” ng-model=”contact.phone” placeholder=”(xxx) xxx-xxxx” ng-required=’!contact.email’ /> Here’s a more complete example: http://jsfiddle.net/uptnx/1/
You have to inject Math into your scope, if you need to use it as $scope know nothing about Math. Simplest way, you can do $scope.Math = window.Math; in your controller. Angular way to do this correctly would be create a Math service, I guess.
This answer has been updated to reflect latest stable angularjs version. One important note is that $cookieStore is a thin wrapper surrounding $cookies. They are pretty much the same in that they only work with session cookies. Although, this answers the original question, there are other solutions you may wish to consider such as using … Read more