angular-ui-bootstrap

Can't access form values in a $modalInstance

由 本秂侑毒 提交于 2019-12-12 04:45:48
问题 I'm opening a $modalInstance in which user has to choose an option from radio inputs (values loaded dynamically) and return chosen value. I have this function to open the $modalInstance : $scope.openAddFriendGroup = function () { var addFriendGroupModal = $modal.open({ templateUrl: "addFriendGroupModal.html", controller: ModalAddFriendGroupCtrl, resolve: { myDetails: function () { return $scope.info; } } }); }; Then this is the $modalInstance controller: var ModalAddFriendGroupCtrl = function

Image does not display in modal using angularJS

由 别来无恙 提交于 2019-12-12 03:47:34
问题 My js file: var camListApp = angular.module('camListApp', ['ui.bootstrap', 'angularUtils.directives.dirPagination']) camListApp.filter('unique', function() { return function(input, key) { var unique = {}; var uniqueList = []; for(var i = 0; i < input.length; i++){ if(typeof unique[input[i][key]] == "undefined"){ unique[input[i][key]] = ""; uniqueList.push(input[i]); } } return uniqueList; }; }); camListApp.controller("Hello", function($scope, $http, $uibModal){ $scope.open = function (url){

How to pass HTML markup in UI bootstrap modal

由 大城市里の小女人 提交于 2019-12-12 03:45:38
问题 I am using UI bootstrap to create modal dialog. It works fine if I use "templateUrl" and use "ng-template" to include the html template. But as I have multiple modal dialogs, my page is getting bigger and bigger after including all the html templates in the page using "ng-template". Here's the code: HTML <head> <script data-require="angular.js@1.5.5" data-semver="1.5.5" src="https://code.angularjs.org/1.5.5/angular.min.js"></script> <script data-require="angular-animate@1.5.5" data-semver="1

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

Angularjs UI.Bootstrap Pagination customizing template?

由 六月ゝ 毕业季﹏ 提交于 2019-12-12 02:25:43
问题 Hi I would like to us if there you can point me to a correct sample code for Angularjs UI Bootstrap Pagination to customize the template? I tried searching google and here in stackoverflow but I cannot find any correct example or explanation on how to use the template-url for pagination for this function component. https://angular-ui.github.io/bootstrap/#/pagination I want to change the cache template "template/pagination/pagination.html" to something like this one <script type="text/ng

How to open a UI-Bootstrap modal from an AngularJS controller and capture selection

由 谁说我不能喝 提交于 2019-12-12 02:13:11
问题 I'm trying to launch a modal from an AngularJS controller and then capture the users selection from a nested list. Here is my current attempt in plnkr. script.js $scope.categoryList = [ { name: 'Catégorie 1' }, { name: 'Catégorie 2', segments: [ { name: 'Segment 1', values: [ { name: 'Valeur 1' }, { name: 'Valeur 2' } ] }, { name: 'Segment 2' } ] }, { name: 'Catégorie 3', segments: [ { name: 'Segment 1', values: [ { name: 'Valeur 1' }, { name: 'Valeur 2' }, { name: 'Valeur 3' }, ] }, { name:

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=

Canvas content disappears on Chrome 49 on Mac with an AngularJS tooltip

由 五迷三道 提交于 2019-12-12 00:31:47
问题 The problem I have - the content of an HTTP canvas disappears, when I have a tooltip on a button that opens a new tab. This is a very specific symptom, so I'd try to walk you through it. I'm able to reproduce it with the following HTML, but not in a plunker or jsfiddle unfortunately: <html> <head> <style> .container { height: 300px; width: 300px; } canvas { border: 1px solid black } button { margin-top: 15px; } </style> </head> <body ng-app="CanvasTooltipApp"> <div ng-controller=

TypeError: Undefined on module pattern of object instances

由 醉酒当歌 提交于 2019-12-12 00:18:50
问题 This is kind of a follow-up to this question: How to have at least two datepickers of ui-bootstrap on a single page? It does a great job of having an elegant way to handle multiple instances of angular bootstrap datepicker elements on the same view/page. At least it appears to... I get the following error. TypeError: Cannot set property 'BeginDate' of undefined This occurs when I click to attempt to open the date dialog. It happens on the line below, which you can see in the code sample below

Can't use Angular-UI bootstrap typehead: JSON with multiple attributes

由 ε祈祈猫儿з 提交于 2019-12-11 23:14:34
问题 I have a JSON response like this: { "Unidades": [ { "Nome": "laskjdhflksjfg", "Codigo": "11106600" }, { "Nome": "wertwertwertwer", "Codigo": "11106601" }, { "Nome": "wertwertwertwer", "Codigo": "11106602" } ] } and I'm trying to use Angular-UI bootstrap typehead doing this: CONTROLLER function TypeaheadCtrl($scope, $http) { $scope.selected = undefined; $scope.url = 'unidades/unidades-controler.asp'; //the response of json is from here $http.get($scope.url).success(function (data, status) {
订阅 angular-ui-bootstrap