What you are looking for is $setPristine(). You’ll find it in the docs here: http://docs.angularjs.org/api/ng/type/form.FormController When a form first loads on the page it is in a state called pristine. You’ll find that form.$pristine is true and form.$dirty is false. Once any changes have been made to any element that has an Angular binding, those … Read more
I was having the same issue whereby I could only open the date picker control once using the button, but it would not open a second time. The problem may be related to a scope issue which might be coming about because the button is not a child of the input HTML element. I was … Read more
I will assume that you are using the Modal dialogs from angular-ui. But before going into the details a bit of documentation around promises in AngularJS is needed. You need to know that every then function can accept 3 parameters as such : then(successCallback, errorCallback, notifyCallback) successCallback is executed when the promise is resolved. errorCallback … Read more
Inject the $modalStack service and call the function $modalStack.dismissAll(), see the code on GitHub for details: myApp.factory(‘ModalService’, [‘$modal’, ‘$modalStack’ function($modal, $modalStack) { return { trigger: function(template) { $modal.open({ templateUrl: template, size: ‘lg’, controller: function($scope, $modalInstance) { $scope.ok = function() { $modalInstance.close($scope.selected.item); }; $scope.cancel = function() { $modalInstance.dismiss(‘cancel’); }; } }); }, close: function(reason) { $modalStack.dismissAll(reason); … Read more
Accordion groups also allow for an accordion-heading directive instead of providing it as an attribute. You can use that and then wrap your header in another tag with an ng-click. <accordion-group ng-repeat=”group in groups” heading=”{{group.title}}” is-open=”group.open”> <accordion-heading> <span ng-click=”opened(group, $index)”>{{group.content}}</span> </accordion-heading> </accordion-group> Example: http://plnkr.co/edit/B3LC1X?p=preview
You are installing a wrong package from bower. The correct one to install is bower install angular-bootstrap as described here: https://github.com/angular-ui/bootstrap#installation Edit: As of February 2015, a Bower version of the library exists at https://github.com/angular-ui/bootstrap-bower. Unfortunately, it presently only contains AngularUI Bootstrap 0.12.0 which, as far as I can tell, isn’t fully compatible with Angular … Read more
Take this gist https://gist.github.com/wilsonwc/8358542 angular.module(‘stateMock’,[]); angular.module(‘stateMock’).service(“$state”, function($q){ this.expectedTransitions = []; this.transitionTo = function(stateName){ if(this.expectedTransitions.length > 0){ var expectedState = this.expectedTransitions.shift(); if(expectedState !== stateName){ throw Error(“Expected transition to state: ” + expectedState + ” but transitioned to ” + stateName ); } }else{ throw Error(“No more transitions were expected! Tried to transition to “+ stateName ); … Read more
I use ui-grid – v3.0.0-rc.20 because a scrolling issue is fixed when you go full height of container. Use the ui.grid.autoResize module will dynamically auto resize the grid to fit your data. To calculate the height of your grid use the function below. The ui-if is optional to wait until your data is set before … Read more
For some reason Angular would send all requests over HTTP if you don’t have a tailing / at the end of your requests. Even if the page itself is served through HTTPS. For example: $http.get(‘/someUrl’).success(successCallback); // Request would go over HTTP even if the page is served via HTTPS But if you add a leading … Read more
You need to add an empty option to your select: <option value=””>- Please Choose -</option> Here is a working example: http://jsfiddle.net/DianaNassar/FShdc/