angular-ui-bootstrap

问题 I'm trying to mix a table with angular-ui's accordion but I can't figure out a way to do it. I'm not a pro, writing directives. I wonder if such a bridge exist. To achieve something like this : <table class="table table-hover table-condensed" thead> <thead> <tr> <th>{{ data.profile.firstname }}</th> <th>{{ data.profile.lastname }}</th> <th>{{ data.profile.email }}</th> <th>{{ data.profile.company_name }}</th> <th>{{ data.profile.city }}</th> </tr> </thead> <tbody accordion close-others="true"

问题 Is the height of scroll thumb set as default according to scroll-able area? If not, can I set scrollbar thumb height? If it is possible how? I tried to do it the following way. body::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; height: 5px; } But it have no impact on the page. Please help. Thanks in advance. 回答1: I don't think so, the height of the thumb is based in the size of content, you can change the width inside the ::-webkit-scrollbar but the

问题 I read various resources available on this but still couldn't figure out a way. The issue here is that I want to merge two different projects together. My colleague was working on one feature which he designed in AngularJS. I developed my feature using VueJS. The management then decided that both of them should be merged together. As in, From the UI where the first project is launched, there would be a link provided from where my webpages designed in VueJS would launch. I am running my

问题 I am using Angularjs UI bootstrap to render Modal windows in my project. But In some situation I want to call a function after the modal loads. I have tried with $timeout and $viewContentLoaded but no use. can any one help me to resolve this issue. Thank you all. 回答1: I go through the documentation of angular ui bootstrap and finally I found the solution. The open method returns a modal instance , an object with the opened propertie: opened - a promise that is resolved when a modal gets

问题 I'm using angular-ui-bootstrap-bower#0.7.0 with angular#1.2.10 and when opening a modal where the controller is an "old fashioned" one, everything works fine. However, when I have a controller meant to use with the new "controller as syntax" it doesn't work. Does angular-ui-bootstrap modal work with controller as syntax? Does version 0.7 support it? How to do it? 回答1: You can use the ngController syntax for the "controller" option. For example: controller: 'modalController as modal' There is

问题 Am bit new to angularjs and bootstrap. Am trying to add a simple dropdown. But it is not working. Tried out the suggestion @ Bootstrap 3 simple dropdown not working. That is also not working. <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" ui-sref="a">a<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a ui-sref="a">a</a></li> <li><a ui-sref="b">b</a></li> <li><a ui-sref="c">c</a></li> <li><a ui-sref="d">d</a></li> <li><a ui-sref="e">e</a></li> <li><a ui

问题 I am using Angular with UI Bootstrap. I've created the custom directive that pushes broadcasted alerst into the array of alerts that are bound to the view (rendered as Bootstrap alerts). After the certain timeout the alerts get removed from the array (and hence from the view). Here is the code: angular.module('myApp') .directive('alerts', function ($timeout) { return { restrict: 'E', templateUrl: 'views/alerts.html', scope: true, /*share scope between alerts directives*/ link: function (scope

问题 I am unable to call a controller function from inside a custom-template with ui-typeahead: <input typeahead="val for val in autoComplete($viewValue)" typeahead-template-url="searchAutocompleteTpl.html" ng-model="query"/> <script type="text/ng-template" id="searchAutocompleteTpl.html"> <span ng-repeat="eqp in match.model.equipment"/> <a href="" ng-click="showItem(eqp.model)"> found in: {{eqp.model}} </a> </script> The problem is that the controller's scope seems to be absent in the template:

问题 Dear all I am new to Angularjs I am creating a modal with Angular. One of the example I found online is following which I have difficulty understanding $scope.checkout = function (cartObj) { var modalInstance = $modal.open({ templateUrl : 'assets/menu/directives/payment-processing-modal.tmpl.html', controller : ["$scope", "$modalInstance", "cartObj", function($scope, $modalInstance, cartObj) { }], resolve : { // This fires up before controller loads and templates rendered cartObj : function()

问题 i am trying to use the modal directive from ui-bootstrap 0.6 here is the working default plunker from the ui-bootstrap page: http://plnkr.co/edit/JGBiBSeRqOnwRhYA9py8?p=preview now, i tried to make the coding style fits angular-seed style to include it in one app like this : http://plnkr.co/edit/Y59rwlcNpQdijKtmjOPy?p=preview angular.module('MyModal', ['ui.bootstrap', 'MyModal.controllers']); angular.module('MyModal.controllers', []) .controller('ModalDemoCtrl', [ '$scope', '$modal', '$log',