angular-ui-bootstrap

问题 I'm trying to extend the angular ui bootstrap date picker directive. My aim is to be able to override the positioning of the datepickerdirective. The positioning happens on a $watch event inside of the uibDatepickerPopupController which is bound to the uibDatepickerPopup directive. I'm following the guide here to decorate a directive that has a mapped controller here. http://angular-tips.com/blog/2013/09/experiment-decorating-directives/ I'm getting the following error TypeError: Cannot read

问题 I have a very simple code snipper in my page where I have a span. Hovering over this span displays a popover for which I am using angular-ui-bootstrap. <span uib-popover="This is a popover from Akhilesh" ng-mouseenter="vm.logToConsole('I am trying hard...')" popover-trigger="mouseenter">Hover over me to see a popup..!!</span> Basically I have written a function which makes and API call when the user hovers over this span. The problem here is that let's say I have 10 span tags one below the

问题 I'm trying to turn angular-ui's date-picker into an actual directive. I can display it on the page with the correct model and format, but the toggling doesn't work for me (trying to name it via the attributes). Here is my code: My html <date-picker data-format="dd/MM/yyyy" data-model-name="dateReviewed" data-ng-model="oneWMS.dateReviewed" data-status="statusDateReviewed" data-opened="openDateReviewed"></date-picker> My directive function datePicker() { return { restrict: 'AE', require:

问题 <a class="seecode_button" href="#{{w.CouponID}}" ng-click="newwindow(w)" data-toggle="modal" data-target="#{{w.CouponID}}">CLICK Here</a> $scope.newwindow = function(w) { $window.open(w.LandingPageURL, '_self'); $window.open('#','_blank'); }; I am try to make when some one click on "CLICK Here" then need to open new window but need stay on current tab. In my code current tab open in page its ok but popup also gone because of it refresh the page . I am using angular js 1.2.17 and for popup i

问题 Here is my current code: Parent Controller vm.animationsEnabled = true; vm.open = function (size) { var modalInstance = $uibModal.open({ animation: vm.animationsEnabled, templateUrl: 'app/entities/interview-stage/interview-stage-list-add-dialog.html', controller: 'InterviewStageListAddDialogController', controllerAs: 'vm', size: 'cs', }); modalInstance.result.then(function (selectedItem) { vm.interviewPlanSetUp.push(selectedItem); }, function () { //$log.info('Modal dismissed at: ' + new Date

问题 trying to implement pagination on the table . But Uib-pagination not displaying but the element is able to inspect on the gui . Where am i going wrong Controller //all rows to display on main page from build_req table $scope.allrows = function() { //need to enable this service.getAllBulidReqData().then(function(response) { if (response.status == "success") { $scope.rowcollection = response.data; outsidescope(); } else { location.path("/") } }) } $scope.allrows(); //Pagination for table

问题 I am running into a strange one way binding behavior within a Angular-UI-Bootstrap Modal. Inside a modal html, two day data binding seems to work fine but the scope variable model at the controller does not update for some reason. If, however, the scope variable is an object, then the two way binding seems to propagate to the controller. Does anyone know why this is happening? Anyway to fix it? I have made a plunker to demonstrate the problem. One way binding in Modal problem 回答1: This seems

问题 I have a simple problem with angularui bootstrap's collapse directive. I have a <select> menu. When the someone changes the menu, the content changes. However, I would like to add an animation before applying these changes. Specifically, I would like for the section to collapse and uncollapse before showing the new content. I can collapse it, but I would like to know how to detect when the collapse has finished so I can uncollapse it. I could use the $timeout method that I currently use, but

问题 I have a really strange problem when using UI Bootstrap. Even the simplest example does not work. So this is my case: I have a Play Framework application using the yeoman plugin: https://github.com/tuplejump/play-yeoman. It is using AngularJS and Bootstrap. So far everything worked fine, but these weird errors came up when I tried to open my first modal using the UI Bootstrap library from http://angular-ui.github.io/. I used the exact code from http://angular-ui.github.io/bootstrap/#/modal

问题 I can't figure out how to call a directive from within a modal created with the $dialog service. That directive should also be able to see the buttons on the modal and override their ng-click action. Here's my modal template: <div class="modal-header"> <h1>Rechercher</h1> </div> <div class="modal-body"> <search-person></search-person> </div> <div class="modal-footer"> <button ng-click="close(result)" class="btn btn-primary">Close</button> </div> the searchPerson directive template: <span>{