angular-ui-bootstrap

问题 I am using the AngularUI datepicker. I have two datepickers that influence each other. One is for example a "start date" and the other is an "end date". Instead of creating validation for both datepickers, I want to eliminate the option of having invalid dates (i.e. end date earlier than the start date and vice versa). Is there a way to re-trigger the date-disabled attribute on select of a date? (re-trigger the date-disabled of the OTHER datepicker) My plunkr: I have a start and end date, as

问题 The Issue: I've been unable to to accept a modal window with the ENTER key I have modified the default Plunker to show you what I've done since now --> Here What I have: Briefly, the ENTER key is recognized by the modal, but it doesn't trigger my function (scope issues, I suspect). The bad part is that I had to modifiy the template/modal/window , which I would gladly left unspoiled, if possible. What I would love I would love to simply put the ng-enter directive in my modal, without modifying

问题 I'm opening a modal window using $uibModal.open from another controller, and need to be notified when the modal window was closed completely (and not during closing...) so I'll be able to run a function. The code that opens the modal is as follows: var modalInstance = $uibModal.open({ templateUrl: "myModalContent.html", controller: "termModalCtrl", windowClass: 'app-modal-window', resolve: { 'params': function () { return id } } }); I saw some suggested solutions to use: modalInstance.result

问题 I have a problem getting the active slide in an Angular-UI Bootstrap carousel outside the carousel . I have a panel, with the carousel inside, and want to put buttons in the footer of the panel that makes actions using the selected slide, but using jquery selectors is not an option . I want to implement it using something in pure angular. I think I can use the active attribute, but maybe there is something clever that can do the trick more smoothly. Some code (Jade syntax): .panel.panel-info

问题 I would like to make a bootstrap tabset with each tab having it's own controller. Can anyone point me in which direction I should go. Currently I have made several difference controllers, which I would like to be used in a tabset instead of having them displayed as a different route. I know I could fake it by having the tabset in the difference controller templates displaying the given controllers tab as active, but I would like to be able to have a main TabController with several child

问题 The question says it all. I have hunted high & low and don't see a way, but, before I hack the template I thought that I would ask here. Just to make it clear - I want to be able to add some text at the top of the datepicker (which is a popup, if that makes any difference) such as "When is your birthday?". 回答1: There are many ways to do this if you follow this topic: Can you override specific templates in AngularUI Bootstrap? but I will just limit to two, one of which is CSS. Template

问题 I am having this problem here and I haven't gotten any consistent solution so far looking out there. I am running a Java project with Angular on the front-end, and trying to implement an autocomplete feature using ui-bootstrap, but I always get this error. Uncaught Error: [$injector:modulerr] Failed to instantiate module textChangrApp due to: Error: [$injector:modulerr] Failed to instantiate module ui.bootstrap due to: Error: [$injector:nomod] Module 'ui.bootstrap' is not available! You

问题 I'm currently using angular-ui-bootstrap $modal to display a dialog which lets the user search for and pick a file. The list of files comes from box.com, so I use the box API to search for files and generate a thumbnail to display beside each file in the search result. Thumbnail generation is quite slow and the user needs to call this search dialog multiple times in the same page. So it would be helpful for the user if the search dialog would contain the previous search results when re-opened

问题 I want to conditionally enable/disable a tooltip on a button. I have done this to test the disable state: <button type="button" uib-tooltip="test" tooltip-is-open="false"> </button> But the tooltip shows. How to disable the tooltip? Thank you 回答1: You can use tooltip-enable="flag" where flag is a Boolean value set in your controller based on your business logic And here is a plunker for tool-tip enable/disable 回答2: This scenario doesn't quite match up with what you were looking for, but I

问题 Basically, I am trying to change/customize the behaviour of the ui.bootstrap.accordion. All is working, except for integration with ui-router. Here's the way I want to use the accordion: <accordion> <!-- this element is actually separate view in a parent state of the accordion-group's below.--> <accordion-group ui-sref="site.home.newsID_1"> <!-- accordion-groups will be generated with ng-repeat.--> <accordion-heading> News 1 </accordion-heading> <p>This is</p> </accordion-group> <accordion