ui.bootstrap

angular ui bootstrap doesn't load

由 放肆的年华 提交于 2019-12-23 09:23:26
问题 I take everything from the example page. basically there is nothing different, controller and html body is pure copy paste from accordion example from https://angular-ui.github.io/bootstrap/ I tried everything.... <!doctype html> <html lang="en" ng-app="app"> <head> <meta charset="utf-8"> <title>Test</title> <!-- CSS files --> <link rel="stylesheet" href="../../bower_components/bootstrap/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="../../bower_components/bootstrap/dist/css

Pass current scope to modalInstance when using controllerAs syntax

由 半腔热情 提交于 2019-12-17 21:29:41
问题 I'm using controllerAs syntax to avoid a $scope soup in my controllers, and also using ui.bootstrap to present a modal view. I need to open a modalInstace that shares the same scope as the current controller. When injecting the scope, you could probably do something like: var modalInstance = $uibModal.open({ templateUrl: 'addEditModal.html', scope: $scope }); However as I'm not injecting the scope, and using controllerAs syntax, that will not work. From what I've found, you will need to use

angularjs switch tab view using ui.bootstrap

由 偶尔善良 提交于 2019-12-12 02:27:45
问题 I have set up two buttons to switch to other two tabs on click, but it is not working. here is the html code: <div ng-controller="TabCtrl"> <uib-tabset class="tabbable"> <uib-tab heading="my tab 0" ng-attr-active="tabs[0].active"> <div class="row"> <a class="btn btn-wide btn-azure" ng-click="go_tab1()"> Go To tab 1 </a> <a class="btn btn-wide btn-azure" ng-click="go_tab2()"> Go To tab 2 </a> </div> </uib-tab> <uib-tab heading="my tab 1" ng-attr-active="tabs[1].active"> <div class="row"> </div

Not able to open modal box selecting value from the dropdown using ui-bootstrap-tpls.min.js and angular.min.js

由 可紊 提交于 2019-12-12 01:46:12
问题 Changing the value from the dropdown trying to open the modal and supposed to perform http request and body of will be filled with the response. But unable to open the modal. Any help will be really appreciated. <head> <title>Hello AngularJS</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.13.0/ui-bootstrap-tpls.min.js"></script> <link href="bootstrap.min.css" rel=

Send html content with variables to template from controller AngularJS

由 ぃ、小莉子 提交于 2019-12-06 12:58:44
问题 After being searching for this issue for a long time, I decided to do my first question in StackOverflow. I hope anyone can help me. I'm doing a ui.bootstrap.carousel with different slides. The initial structure is the following : <carousel interval="carInterval" no-pause="true"> <slide> some html content, {{ modules }} </slide> <slide> totally different content, {{ more variables }} </slide> </carousel> That worked really well at the start, even without using ng-repeat and any active

Pass current scope to modalInstance when using controllerAs syntax

由 泄露秘密 提交于 2019-11-28 13:22:16
I'm using controllerAs syntax to avoid a $scope soup in my controllers, and also using ui.bootstrap to present a modal view. I need to open a modalInstace that shares the same scope as the current controller. When injecting the scope, you could probably do something like: var modalInstance = $uibModal.open({ templateUrl: 'addEditModal.html', scope: $scope }); However as I'm not injecting the scope, and using controllerAs syntax, that will not work. From what I've found, you will need to use resolve to pass the data, but you have to pass it explicitly via functions. Is there a way to pass the
订阅 ui.bootstrap