angular-ui-bootstrap

Datepicker not opening twice in angular-ui version 0.11.0

由 佐手、 提交于 2019-12-30 00:27:15
问题 I am trying to have 2 datepickers and I am using Angular UI version 0.11.0. My HTML code <span ng-if="periods.period == 10"> <input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="cdate.customStartDate" is-open="opened1" max-date="maxDate" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" class="input-md" /> <button class="btn" ng-click="open($event,'opened1')"><span class="glyphicon glyphicon-calendar"></span></button> </span>

ui-bootstrap datepicker: Force a re-render of a datepicker?

由 南楼画角 提交于 2019-12-29 09:05:08
问题 Specifically using ui-bootstrap's datepicker and NO jQuery... So, I'm trying to sew together a date range picker of sorts from two datepickers and it's pretty close. I'm trying to disable dates on the start calendar based on the date selected on the end calendar and vice versa. The problem is that the start calendar only refreshes or re-renders when a selection is made on that calendar. So if I select a date on the end calendar, the start calendar will not re-run the disable-date function and

Angular-ui tooltip with HTML

由 不羁的心 提交于 2019-12-29 04:19:06
问题 I am currently adding some bootstrap tooltips in my application. All of the "normal" tooltips are ok, but when I want to use tooltip-html-unsafe , all I got is an empty tooltip. My tooltip: <a><span tooltip-placement="right" tooltip-html-safe="{{myHTMLText}}"> Help </span></a> In the DOM, I have: <div class="tooltip-inner" ng-bind-html-unsafe="content"></div> The div's content seems empty, so there is nothing to show in the tooltip. I tried to put directly in the DOM some HTML text like: <div

AngularJS inject issue with Angular Bootstrap modal

由 情到浓时终转凉″ 提交于 2019-12-29 03:41:13
问题 I am integrating the modal from Angular Bootstrap and trying to adapt code sample from here to my app. I get the error: Error: [$injector:unpr] Unknown provider: $modalInstanceProvider <- $modalInstance What do I need to do to make $modalInstance work? I see from code sample that they have written it so that it is within the scope of the function but I am not sure how to write things when chaining controllers. angular.module('myApp', ['ui.bootstrap']). controller('ModalInstanceCtrl', function

Hide angular-ui tooltip on custom event

由 对着背影说爱祢 提交于 2019-12-28 13:52:06
问题 I've been looking around and trying out different things but can't figure it out. Is it possible to hide an angular-ui tooltip with a certain event? What I want to do is to show a tooltip when someone hovers over a div and close it when a users clicks on it because I will show another popup. I tried it with custom trigger events but can't seem to get it working. I made this: <div ng-app="someApp" ng-controller="MainCtrl" class="likes" tooltip="show favorites" tooltip-trigger="{{{true:

Responsive dropdown navbar with angular-ui bootstrap (done in the correct angular kind of way)

由 落爺英雄遲暮 提交于 2019-12-28 04:39:07
问题 I've created a JSFiddle with a dropdown navbar using angular-ui-boostrap's module "ui.bootstrap.dropdownToggle": http://jsfiddle.net/mhu23/2pmz5/ <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="brand" href="#"> My Responsive NavBar </a> <ul class="nav"> <li class="divider-vertical"></li> <li class="dropdown"> <a href="#" class="dropdown-toggle"> Menu 1 <b class="caret"></b> </a> <ul class="dropdown-menu"> <li><a href="#/list">Entry 1</a> </li

How to usemultiple Angular UI Bootstrap Datepicker in single form?

由 元气小坏坏 提交于 2019-12-28 03:35:08
问题 I have a form where there is a need for me to have 2 or more date fields for different things. I tried the Angular UI Bootstrap which works fine when I have only 1 date field in the form. But it stops working if I have multiple date fields and I dont know the easier method to get this to work. This is my HTML sample: <label>First Date</label> <div class="input-group"> <input type="text" class="form-control" datepicker-popup="{{format}}" name="dt" ng-model="formData.dt" is-open="opened"

Scope issue in AngularJS using AngularUI Bootstrap Modal

由 笑着哭i 提交于 2019-12-27 17:09:12
问题 plunker: http://plnkr.co/edit/wURNg8ByPYbEuQSL4xwg example.js: angular.module('plunker', ['ui.bootstrap']); var ModalDemoCtrl = function ($scope, $modal) { $scope.open = function () { var modalInstance = $modal.open({ templateUrl: 'modal.html', controller: 'ModalInstanceCtrl' }); }; }; var ModalInstanceCtrl = function ($scope, $modalInstance) { $scope.ok = function () { alert($scope.text); }; $scope.cancel = function () { $modalInstance.dismiss('cancel'); }; }; index.html: <!doctype html>

Expand many accordion groups at once

由 岁酱吖の 提交于 2019-12-25 11:54:57
问题 I have the following accordion (using angular-ui-bootstrap ) inside a paginated loop of elements: <div data-ng-repeat="m in results"> <div class="stuff_in_the_middle"> <accordion id="accordion_{{$index+((currentPage-1)*20)+1}}" close-others="false"> <accordion-group> [...stuff...] </accordion-group> <accordion-group> [...stuff...] </accordion-group> <accordion-group> [...stuff...] </accordion-group> </accordion> <span id="toggle_{{$index+((currentPage-1)*20)+1}}" onClick="openAllGroups"

Prevent the bootstrap from expanding when clicking. Bootstrap Angular.js

由 喜夏-厌秋 提交于 2019-12-25 09:30:17
问题 I currently have a bootstrap accordion. I want to avoid that when you click on the text field, or the button with the text "anything", the accordion expands. https://jsfiddle.net/tev2b9je/ <uib-accordion> <div uib-accordion-group class="panel-default" is-open="status.open"> <uib-accordion-heading> I can have markup, too!<input type='text'><button> anything</button> <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': status.open, 'glyphicon-chevron-right': !status.open}"></i>
订阅 angular-ui-bootstrap