A set of AngularJS directives based on Twitter Bootstrap's markup and CSS

learn more… | top users | synonyms

0
votes
0answers
10 views

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

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 ...
0
votes
1answer
13 views

Invoking modal window in AngularJS Bootstrap UI using JavaScript

Using the example mentioned here, how can I invoke the modal window using JavaScript instead of clicking a button? I am new to AngularJS and tried searching the documentation here and here without ...
0
votes
0answers
6 views

How to add new classes to angular bootstrap UI directive elements?

I'm trying to add a new class for the element created by the angular bootstrap UI directive. Neither options="" or ng-class="" managed to add a new class for the element: <p class="stat" ...
0
votes
1answer
23 views

Angular UI: Unknown provider: dialogProvider

I am trying to replicate the following Angular UI example of a simple dialog with a close-button. https://github.com/angular-ui/bootstrap/blob/master/src/dialog/README.md. However, I cannot get the ...
0
votes
0answers
36 views

How to disable angular-ui bootstrap tabs?

I'm trying to create a multi step form in angularjs and angularjs bootstrap. I have the following html code, buttons on each step that validate current tab and move to the next. What I'm looking for ...
0
votes
1answer
52 views

angularjs: using a directive inside the ui-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. ...
0
votes
1answer
80 views

Limit Angular UI-Bootstrap Typeahead to specific object property

I have the following Angular UI-Bootstrap typeahead working great: <input class="span2" type="text" ng-model="selectedStuff" typeahead="stuff as stuff.name for stuff in stuffs | ...
0
votes
2answers
153 views

angularjs calling modal dialog from directive

I've created a directive to open a modal dialog. Here's the code: [EDIT] JSFIDDLE HERE: http://jsfiddle.net/graphicsxp/fcQZk/8/ PROBLEM: THE CLOSE BUTTON DOES NOT CLOSE THE MODAL. ...
2
votes
1answer
44 views

Typeahead using object name

I'm trying to setup a typeahead using AngularJS & UI Bootstrap like so: .html <input type="text" ng-model="selectedStuff" typeahead="stuff.name for stuff in stuffs | filter:$viewValue"/> ...
0
votes
0answers
32 views

angular-ui/bootstrap: Is there a way to get something like “onDialogOpen”?

I open a modal dialog in my controller with ui-bootstrap and I need to know when the dialog is opened (partial html is added to the dom). In my particular case I need that to have OpenLayers find the ...
1
vote
2answers
45 views

angularjs value on load incorrect

See this plunk I want to use an object model on an input (for interaction with the angularui bootstrap typeahead). It works perfectly when selecting something from the typeahead, but on load it ...
0
votes
1answer
72 views

Possible to show two slides in the carousel at a time?

I just started learning about Angular.js and I'm using the Carousel control in Angular-ui. Is it possible to display two slides at the same time instead of one? I want to display the images like ...
1
vote
2answers
67 views

typeahead on input dynamically added by directive

I have a directive that dynamically adds an input in response to clicks on the container. I would like to be able to put a typeahead on the directive element that gets applied to the dynamic input. ...
0
votes
1answer
27 views

How to use Angular-UI bootstrap typehead?

I am trying to get started with Angular UI bootstrap. I have the example running, but I have no idea where to go from here. There isn't much ion the way of documentation or examples. The ...
0
votes
1answer
157 views

Angular UI Bootstrap Dialog Width

The Angular UI Bootstrap Dialog is easy to implement, but difficult to customise. How on earth do you change the width? Or even max-width? http://angular-ui.github.com/bootstrap/#/dialog I've tried ...
3
votes
1answer
139 views

Does the AngularUI typeahead plugin allow any typed value?

I have an <input> that uses Bootstrap typeahead with Angular UI directive. The display and selection of values in the drop down works fine. However when I type a value into the input that is ...
1
vote
1answer
269 views

What's a good way to control an angular-ui accordion programmatically?

I am using the accordion directive from http://angular-ui.github.com/bootstrap/ and I need to have more control over when the accordions open and close. To be more precise I need a button inside the ...
0
votes
1answer
188 views

angular-ui IE8 accordion

Using the Angular-UI bootstrap accordion in IE8 the tabs do not expand. Here is the error I am receiving using IE 8's F12 Error: Unexpected call to method or property access.undefined Error: No ...
0
votes
1answer
450 views

Loading AngularUI bootstrap asynchronously

Everything is very "fresh" right now. I've got the angular seed project and I'm using the async index page. When I add a reference for angular-bootstrap It blows up. This doesn't happen when I don't ...
1
vote
1answer
285 views

Angular UI Bootstrap Modal strips id and class attributes

Live Example Adding the following Angular UI Bootstrap Modal: <div id="my-id" class="my-class" modal="opened"> <p>Modal Here</p> </div> results in: <div class="modal ...
1
vote
1answer
511 views

Angular UI Bootstrap Modal doesn't work with ng-include

Live example: http://plnkr.co/edit/wWS3UFB3IZ0cAI4u2x04?p=preview When "Open Modal 1" is clicked, the following error is thrown: Error: Dialog.open expected template or templateUrl, neither ...
0
votes
1answer
161 views

AngularUI messageBox with templateURL

I'm using angular-ui / bootstrap $dialog service It's possible to load a partial inside messageBox? I would take the title and footer, changing only the message param. Thus, it would not be necessary ...
1
vote
1answer
176 views

how to inject $scope object to the dialog template?

I have this plunker with a dialog example that uses the resolve attribute of the option object, based on this example. Basically what I want to do is to pass the title variable to be used in the ...