Now it is possible with AngularJS. In directive you just add two new property called controller , name property and also isolate scope is exactly needed here. Important to note in directive scope:{}, //isolate scope controller : “@”, // @ symbol name:”controllerName”, // controller names property points to controller. Working Demo for Setting Dynamic controller … Read more
Here is working example where we use unshift: angular.module(‘myApp.directives’, []).directive(‘format’, [‘$filter’, function ($filter) { return { require: ‘?ngModel’, link: function (scope, elem, attrs, ctrl) { if (!ctrl) return; ctrl.$formatters.unshift(function (a) { return $filter(attrs.format)(ctrl.$modelValue) }); ctrl.$parsers.unshift(function (viewValue) { var plainNumber = viewValue.replace(/[^\d|\-+|\.+]/g, ”); elem.val($filter(attrs.format)(plainNumber)); return plainNumber; }); } }; }]); The HTML seems: <input type=”text” ng-model=”test” … Read more
Here is a couple of angular approaches : 1) Use ng-src= instead of src= The angular docs explain why this works : http://docs.angularjs.org/api/ng.directive:ngSrc During compilation stage, angular will expand the element to include the correct src= attribute. This will change the src attrib of the HTML5 audio element, but unfortunately that is NOT enough to … Read more
For completeness, here is the whole solution, using angular instead of underscore, with a chainable ‘when’. Nothing new in this code, just combined a bunch of the answers above. var originalWhen = $routeProvider.when; $routeProvider.when = function(path, route) { route.resolve || (route.resolve = {}); angular.extend(route.resolve, { CurrentUser : function(User) { return User.current(); } }); return originalWhen.call($routeProvider, … Read more
From the docs — Be aware that the attribute values to match against cannot be expressions. They are interpreted as literal string values to match against. For example, ng-switch-when=”someVal” will match against the string “someVal” not against the value of the expression $scope.someVal. So in other words, ng-switch is for hardcoding conditions in your templates. … Read more
I seem to have fixed my problem, for anyone with a similar problem: Within my karma.conf.js I added the following: plugins: [ ‘karma-chrome-launcher’, ‘karma-jasmine’ ], At first I added ‘karma-jasmine’ but was then met with “Can not load “Chrome”, it is not registered!” This was solved by adding ‘karma-chrome-launcher’ as a plug-in Not sure if … Read more
It’s intuitive to think of a modal as the view component of a state. Take a state definition with a view template, a controller and maybe some resolves. Each of those features also applies to the definition of a modal. Go a step further and link state entry to opening the modal and state exit … Read more
There is another way to do this: the AngularJS filters. You can write this: var selectedCount = $filter(‘filter’)($scope.students, { isSelected: true }).length;
Just inject $timeout in your controller and use this. $timeout(function() { $scope.displayErrorMsg = false;}, 2000); Also you can use $digest or $apply as below setTimeout(function() { $scope.displayErrorMsg = false; $scope.$digest(); }, 2000); setTimeout(function () { $scope.$apply(function(){ $scope.displayErrorMsg = false; }); }, 2000); Check here how these works, http://www.sitepoint.com/understanding-angulars-apply-digest/
In angular material, md-sidenav has these attributes: width: 304px; min-width: 304px; That’s why the width will be fixed at 304 px no matter what device you use. So if you want to change your sidenav width you’ll have to change the css a bit. If you’re fine with supporting only modern browsers, you can change … Read more