There is a bootstrap 3 branch going on in angular UI bootstrap, and almost everything has been migrated to bootstrap 3 in this branch. You can build this branch by yourself, and it’s a matter of days or weeks before an official release that supports bootstrap 3 is made. You should go with it.
Actually this is really simple as each pane exposes the active attribute that supports 2-way data binding: <tabs> <pane ng-repeat=”pane in panes” heading=”{{pane.title}}” active=”pane.active”> {{pane.content}} </pane> </tabs> and then an active tab can be easily found, for example: $scope.active = function() { return $scope.panes.filter(function(pane){ return pane.active; })[0]; }; Here is a working plunk
I would use table and implement the pagination in the controller to control how much is shown and buttons to move to the next page. This Fiddle might help you. <table class=”table table-striped table-condensed table-hover”> <thead> <tr> <th class=”id”>Id <a ng-click=”sort_by(‘id’)”><i class=”icon-sort”></i></a></th> <th class=”name”>Name <a ng-click=”sort_by(‘name’)”><i class=”icon-sort”></i></a></th> <th class=”description”>Description <a ng-click=”sort_by(‘description’)”><i class=”icon-sort”></i></a></th> <th class=”field3″>Field 3 <a ng-click=”sort_by(‘field3’)”><i class=”icon-sort”></i></a></th> <th … Read more
If you’re using UI Router, just create three states: the root state, with the “https://stackoverflow.com/” URL, and two direct descendant states with no URLs. In the onEnter of the root state, you detect the state of the user and transition to the correct child state accordingly. This gives the appearance of keeping the same URL … Read more
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