Tagged Questions
0
votes
1answer
38 views
AngularJS UI Bootstrap modal is unable to perform functions from scope
In my angularjs app I use UI Bootstrap for creating modals. I pass scope and custom controller into the modal, it shows my data from original scope but cannot perform any of its function.
I have main ...
0
votes
0answers
14 views
make angular-ui append modal inside div with class .enable-twitter-bootstrap
We have a big site with lot's of legacy .css with rule names that collides with the ones of twitter bootstrap. As a solution we use a .sass version of bootstrap and have wrapped everything like so:
...
1
vote
0answers
32 views
How to translate Angular-UI-Botstrap datepicker?
The documentation for the datepicker (Angle-UI-BootStrap) reports:
Everything is formatted using the date filter and thus is also
localized.
Checking the documentation for the date filter can ...
0
votes
2answers
34 views
AngularJS UI Bootstrap typeahead with ajax using Coffeescript
My question is very similar to this post 'Using typeahead and ajax in a AngularJS app'
Coffeescript:
$scope.tradingPartners = (searchOn) ->
console.log("Searching on #{searchOn}")
...
0
votes
1answer
14 views
ui.bootstrap tooltip and ng-model in input element don't play well together?
I am trying to create an input element with a tooltip and bind a function to the enter keypress event. Each of these functionalities work in itself, but not combined. Here is the markup:
<input ...
0
votes
1answer
34 views
Angular-UI tooltip messes with keypress event?
I 'm using the following directive to listen to enter keypresses on an input element:
.directive('ngEnter', function () {
return function (scope, element, attrs) {
...
0
votes
1answer
27 views
angular-ui bootstrap tabs reorder orderBy
I am using angular and angular-ui-bootstrap tabs. I would live to use the orderBy or be able to dynamically reorder the tabs.
I created this plunkr
<tab ng-repeat="tab in tabs | ...
0
votes
1answer
25 views
has no method 'focus' on ui-bootstrap datepicker
I'm getting this error:
TypeError: Object [object Object] has no method 'focus'
when I do click on datepicker input. I'm using:
angular v1.0.8
angular-bootstrap v0.5
This plunker shows that ...
0
votes
0answers
27 views
Unable to see Tabset/Tab content
I have the following setup
index.jade
...
li
a(href="/template/tabs/tabs") tabs
...
script(src='js/tabs.js')
In my angular app.js
angular.module('myApp', ['myApp.filters', ...
0
votes
1answer
39 views
Using angular-ui bootstrap and typeahead-loading
So I can't seem to figure out how to use the typeahead-loading attribute to show a spinner while my typeahead is getting remote data. I can't find any examples of its use anywhere.
Is that value ...
1
vote
1answer
45 views
Angular-ui tooltip with HTML
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:
...
2
votes
1answer
72 views
ui-bootstrap modal scope bug
I am noticing some weirdness with the ui-bootstrap modal scope. It seems that when using ng-model in it, you have to reference $parent to get to the scope of the modal controller. Notice in my ...
1
vote
1answer
144 views
Angularjs UI Modal Forms
I used to have a login dialog using bootstrap modal:
$scope.loginDialog = {
backdrop: true,
keyboard: true,
windowClass: "modal loginDialog",
backdropClick: true,
templateUrl: ...
0
votes
1answer
43 views
Updating model value in Angular Bootstrap UI typeahead
I am using the Angular Bootstrap UI typeahead and trying to update the model value inside the typeahead. But the updated model value does not reflect the changes unless specifically applied.
...
0
votes
1answer
46 views
How to share data exclusively between a directive and a factory in AngularJS?
I want to build a modal directive with an Async API to open the modal.
What I was thinking about is a factory that returns me the API object that manipulates the modal directive. Using Angular-UI ...
0
votes
1answer
42 views
Delay mouseleave event with AngularUI tooltip
I'm trying to add a tooltip to a button that has a link inside it. I need to get the tooltip to delay closing right away or allow me to hover over it to click on the link in the tooltip. I've tried ...
0
votes
1answer
124 views
UI Bootstrap Typahead async not working in AngularJS RC2
Why is the UI Bootstrap Typahead not working in AngularJS RC2 when using the $http service to retreive matches from server? This was working in AngularJS RC1
See this plunker using RC1 and this ...
1
vote
1answer
71 views
How do I get Bootstrap modals to work with AngularJS?
I would like to get my Bootstrap modals to work with AngularJS. One modal is
<div id="addToPlaylist" class="modal hide fade" aria-hidden="true" aria-labelledby="addToPlaylistLabel" ...
1
vote
2answers
59 views
AngularJS/UI Boostrap - fading out alert on remove
I am using Angular with UI Boostrap. I've created the custom directive that pushes broadcasted alerst into the array of alerts that are bound to the view (rendered as Boostrap alerts). After the ...
0
votes
1answer
41 views
How can I provide callbacks for an AngularStrap or Angular UI Bootstrap Popover, to execute on open and on close?
I am using the Angular UI Bootstrap popover ( http://angular-ui.github.io/bootstrap/#/popover ) and would like to specify a callback function to execute when it is opened and another for when it is ...
1
vote
1answer
42 views
Add class to accordion heading using angualr ui bootstrap?
I want use ng-class to conditionally add a class to the accordion-heading, but it appears that not even setting a class explicitly on the element gets preserved. I have this:
<div accordion ...
0
votes
0answers
68 views
angular ng-options not working anymore
well i am using ng-options to for my selectbox (in jade) like this
select.form-control(ng-model="newSector", ng-options="item.id as item.name for item in sectors")
everything worked fine so far. ...
1
vote
1answer
34 views
Angular UI Typeahead with $http.get
I am trying to obtain data from a local server using JSON (not JSONP) and display it in a typeahead using Angular UI bootstrap and Angular. I was able to get timeout() and jsonp to work from other ...
0
votes
1answer
221 views
AngularJS 1.2.0 Bootstrap UI 0.6.0 (bootstrap3_bis2) Typeahead
I'm trying to pass a promise to the Angular Bootstrap Typeahead, but I'm getting always the fallowing error:
TypeError: Cannot read property 'length' of undefined
Factory:
...
1
vote
1answer
148 views
Positioning Angular UI bootstrap Datepicker
I am having a "small" issue with the angularjs ui datepicker. I need to indicate somehow, if an input with a datepicker attach, should show the popup from the bottom-left corner of the input (as ...
0
votes
1answer
181 views
Scope issue in AngularJS using AngularUI Bootstrap Modal
plunker: http://plnkr.co/edit/wURNg8ByPYbEuQSL4xwg
example.js:
angular.module('plunker', ['ui.bootstrap']);
var ModalDemoCtrl = function ($scope, $modal) {
$scope.open = function () {
var ...
0
votes
1answer
54 views
how to make accordion stay open in Angular.js and ui-bootstrap and without jquery?
I am currently use angular for my project, and use ui-bootstrap to make some modules.
Now I have a problem, I use accordion directive from ui-bootstrap, but, when I click a link in a accordion ...
1
vote
0answers
78 views
UI suite for angular which will work with IE8
I couldn't help not to notice that the angular ui project had recently dropped support for IE8.
Unfortunately a decent percentage of my users still use this deprecated browser, and I cannot afford my ...
0
votes
1answer
64 views
Open a bootstrap modal with a directive in angular 1.2
I'm using angular-ui bootstrap to show modal windows. I'd like to turn this into a directive that would let me pull content from the server and display it in a modal or popover…
For example: <a ...
0
votes
0answers
52 views
How to prevent angular-ui accordion from toggling when sorted with angular-ui's sortable
I made a sortable accordion with angular, angular-ui bootstrap and ui-sortable, where you can drag & drop the accordion-groups.
The problem is, that the current accordion group is toggling ...
1
vote
1answer
184 views
How to get angular ui-router's ui-sref to work, when inside a directive's template?
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:
...
2
votes
2answers
140 views
Angular UI Bootstrap: *Instead* of bootstrap3's js, or in *addition* to it?
The Github readme is not entirely clear on this point... Are they alternatives, or, meant to work together?
0
votes
1answer
79 views
ui bootstrap datepicker inside an accordion is not visible
I am trying to do a module with a datepicker inside an accordion.
problem is the datepicker popup box is not visible over the accordion.
here is a plunker showing the problem :
...
0
votes
2answers
199 views
How do I integrate the bootstrap-modal plugin with AngularUI Bootstrap
I'm in the process of migrating a jQuery based web application over to AngularJS. I'm having trouble integrating the bootstrap-modal plugin with AngularUI Bootstrap. The bootstrap-modal plugin ...
0
votes
1answer
91 views
trying to use angular-ui-bootstrap radiobutton directive with ng-repeat in an angular project
So... I'm trying to generate a radiobutton group using ng-repeat:
<div class="btn-group yb-radiobuttons">
<button type="button" class="btn" ng-model="radioModel" btn-radio="'all'">All ...
0
votes
0answers
42 views
Implementing read only accordion using Angular-Bootstrap UI
I'm trying to implement an Angular Bootsrap-UI accordion that would not allow the user to click to open the accordion.
How do I disable user access? I'll be controlling the opening and closing ...
0
votes
0answers
55 views
Binding data to AngularUI dialog
I'm trying to write a simple angularapp to allow the teachers to edit their class information. I'm using angular-ui dialog directive to get the lightbox. On userclick I've written a function to pass ...
1
vote
0answers
89 views
Create custom angular-bootstrap typeahead data
I am having trouble with creating the list for bootstrap's ui-typeahead directive:
An $http-call returns the following json:
[{"title":"FOO", "equipment":[{"model":"Model 1"}, {"model":"Model 2"}], ...
1
vote
1answer
88 views
AngularJS custom directive initial loading not working
You can see the working example here - or should I say, non-working example.
Basically, I'm trying to make a custom directive called yesno-group. It is a shortcut to do this over and over:
<div ...
1
vote
0answers
99 views
access controller scope from Bootstrap-UI Typeahead template
I am unable to call a controller-function from inside a custom-template with ui-typeahead:
<input typeahead="val for val in autoComplete($viewValue)"
...
0
votes
1answer
110 views
Testing inside the Angular-UI Bootstrap dialog promise
I'm using the Angular-UI Bootstrap dialogs and loving them, but I seem to be having trouble figuring out how to test what comes back from them when they are closed (or anything else inside the promise ...
1
vote
0answers
34 views
Control the settings of two simultaneous ui-bootstrap modals?
I have two UI-Bootstrap (AngularUI) modals running at the same time. What I want, is when the user hits the "esc" key, only the top-most modal exits, and the remaining modal's settings change so that ...
0
votes
1answer
175 views
Angular-ui's tooltip does not display correctly in ng-grid
I've been searching for some time for a solution for displaying a tooltip on ng-grid but with no luck. When I use the cellTemplate on ng-grid for customizing the cell to include a tooltip I have ...
0
votes
0answers
48 views
UI Bootstrap tabset content size larger than the menu
<div id="Menu-Large" class="span12 hidden-phone">
<tabset class="span8">
<tab heading="Home">
@RenderSection("featured", false)
...
0
votes
1answer
120 views
AngularJS UI Bootstrap “btn-radio” directive doesn't work
Live Demo
Could anyone explain why the first two button groups work, but the third one doesn't?
<div class="btn-group">
<button ng-repeat="company in companies"
class="btn"
...
0
votes
2answers
166 views
Using a Pyramid view for an AngularJS dialog template
I have written a web application using Pyramid, a Python web framework.
In one page of my web application, I'd like to implement dialogs. I'm trying to learn AngularJS with AngularUI Bootstrap to ...
1
vote
1answer
138 views
Set input invalid when typeahead-editable is false
I'm using typeahead's UI Bootstrap component and I want to force selection to validate my form.
Is it possible to configure it to set the input invalid when 'typeahead-editable' is set to false and ...
0
votes
1answer
304 views
Angularjs custom directive child scope access parent scope method?
I am trying to create a carousel with AngularJS ans UI Bootstrap. Since the carousel in UI bootstrap only supports images, I wan to write my own directive to support youtube video.
I want the video ...
0
votes
0answers
364 views
Show Twitter Bootstrap tooltip on focus when an angular input has an error
This example is taken from angularjs's docs
<form name="myForm" ng-controller="Ctrl">
userType: <input name="input" ng-model="userType" required>
<span class="error" ...
0
votes
1answer
198 views
ng-include in ui-bootstrap tooltip
I am testing angularJS and ui-bootstrap tooltips :
http://angular-ui.github.io/bootstrap/#/tooltip
What I want to achieve is a tooltip with some working buttons inside.
I have tried :
<input ...
