AngularJS – ngOptions: How to order by Group Name and then by Label
orderBy can take an array of multiple parameters to order by. So you can do: c as c.label group by c.group for c in data | orderBy:[‘group’,’label’] Here is a fiddle
angularjs
Angular UI-Router: child using parent’s view
Sounds like you simply don’t want the views to be hierarchical. To do this, simply change the name of the second state to detail. Note however, that in doing so you will lose any hierarchical properties of the state tree (the controller code state of accounts for example). If you want to keep the controllers … Read more
orderBy array item value in Angular ng-repeat
Since 1.3.0-rc.5 Since AngularJS 1.3.0-rc.5, the orderBy filter (see the documentation) will automatically sort the array using its items if no additional parameters are provided. <li ng-repeat=”item in items | orderBy”>{{item}}</li> JS Bin Before 1.3.0-rc.5 The orderBy filter (see the historical documentation) can also take a function as second parameter, whose return value will be … Read more
ui router – nested views with shared controller
The issue here would be related to this Q & A: How do I share $scope data between states in angularjs ui-router?. The way how to solve it is hidden in the: Understanding Scopes In AngularJS, a child scope normally prototypically inherits from its parent scope. … Having a ‘.’ in your models will ensure … Read more
AngularJS access service from different module
A Module is a collection of configuration and run blocks which get applied to the application during the bootstrap process. Modules can list other modules as their dependencies. Depending on a module implies that required module needs to be loaded before the requiring module is loaded. var myModule = angular.module(‘myModule’, [‘module1′,’module2’]); When you injected your … Read more
Subscribe to Property Change in AngularJS
The scope object in AngularJS has a special method called $watch for ‘watching’ scope properties. It accepts a callback that receives the new and the old value of the model: $scope.$watch(‘modelName’, function(newValue, oldValue){ // Do anything you like here }); The callback is on initialization and each time the model changes. Therefore it may be … Read more
Angular ui-router get asynchronous data with resolve
You need to read the docs for resolve. Resolve functions are injectable, and you can use $stateParams to get the correct value from your routes, like so: resolve: { propertyData: function($stateParams, $q) { // The gapi.client.realestate object should really be wrapped in an // injectable service for testability… var deferred = $q.defer(); gapi.client.realestate.get($stateParams.propertyId).execute(function(r) { deferred.resolve(r); … Read more
AngularJS, ui.router, load template and controller based on user role
Loading template and controller based on user role While technically ui-router templateUrl function does not support injecting services you can use templateProvider to inject service that holds role variable or loads it asynchronously and then use $templateFactory to return HTML content. Consider following example: var app = angular.module(‘app’, [‘ui.router’]); app.service(‘session’, function($timeout, $q){ this.role = null; … Read more
How do I change the color of an md-icon in Angular Material?
I’m on angular-material 0.8, and I simply added style=”color:white;font:bold;” to the md-icon element.