7
votes
2answers
15k 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: ...
5
votes
3answers
1k views

Pass data to angular ui modal (lightbox effect)

Problem: I want to create a modal lightbox using the Angular UI Bootstrap modal Details: I have built a photo grid using ng-repeat. Each repeated photo opens the modal using the open() method. I'm ...
5
votes
1answer
3k 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 ...
4
votes
1answer
3k views

Angular UI.Bootstrap's radio buttons act strange with ng-repeat [duplicate]

I have a problem dynamically generating options for a radio model in angular's ui.bootstrap. I thought I could simply ng-repeat over an array, using it's contents for the btn-radio attribute like so: ...
4
votes
2answers
5k views

How to add angularjs ui bootstrap tooltips dynamically to existing markup?

Relatively new to angularjs. Help me understand what's going on here! What I'm ultimately trying to accomplish: Given a block of text in my html (say in a paragraph element), I want to dynamically ...
4
votes
1answer
631 views

Angular UI/bootstrap typeahead showing 'Error: No controller: ngModel' error

In my application I am calling an http service to get data and I am using angular-ui bootstrap's typeahead directive (ui-bootstrap-tpls-0.6.0.min.js). I have a partial that has a form that mentions ...
3
votes
2answers
4k views

AngularJS - “Error: Template must have exactly one root element” when using Angular-UI Typeahead

I'm using AngularUI Typeahead, on the 'index' page of my app. I'm not doing anything fancy - in fact, I'm just trying to get the example they've got up on their UI site working, and I'm getting this ...
3
votes
2answers
2k views

Best way to combine AngularJS and Twitter Bootstrap

I would like to combine AngularJS and Twitter Bootstrap into a fresh web app. It seems like AngularJS directives have been written for bootstrap. See this link below ...
3
votes
3answers
313 views

Extend angularUI popover directive to create a confirm popover

I am trying to create a easy confirm popover when in angularJS. I'm already using AngularUI for many other components which is why it seems like the natural choice to extend. I have created a ...
3
votes
1answer
484 views

Using X-editable within UI.Bootstrap tab-heading directive in AngularJs

I have a AngularJs App where we use UI.Bootstrap Tabs to create and delete workspaces. I'm wanting to use X-editable to edit the name of the workspace/tab but within the tab-header directive: ...
3
votes
2answers
502 views

Fade effect for tabs in ui-bootstrap (Angular.JS)

How can I add fade animation to a tabset using angular-ui-bootstrap? For example, given the following code: <tabset> <tab heading="Tab1">Some content</tab> <tab ...
3
votes
0answers
52 views

Bootstrap ui angularjs with filter issue

I am using Bootstrap UI in my angular application. I have a tooltip in the html page which works fine. I noticed that after the tooltip is displayed and I move my mouse out, the Ui-bootstrap-tpls.js ...
3
votes
1answer
242 views

AngularJS - Accept a ui.bootstrap modal with ENTER key

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 ...
2
votes
1answer
4k views

returning data from angularjs modal dialog service

I am fairly new to AngularJS and having a problem with returning data from a modal dialog service. Basically, I copied Dan Wahlin's service ...
2
votes
2answers
2k views

AngularUI-Bootstrap's Typeahead Can't Read `length` Property of `undefined`

I am getting the following error when I attempt to get a typeahead values from AngularUI-Bootstrap, using a promise. TypeError: Cannot read property 'length' of undefined at ...
2
votes
1answer
5k views

Using $scope functions from a different controller in AngularJS [duplicate]

I'd like to share the $scope functions of one controller in another controller, in this case for an AngularUI dialog. Specifically in the example below, I'd like $scope.scopeVar to be available in ...
2
votes
1answer
1k views

Monitor for class changing on element in AngularJS directive

So, i'm new to angular and I keep running into roadblocks. I guess I'm just stuck in jquery mindset even after reading the famous "How do I think in AngularJS from a jQuery background" question? ...
2
votes
1answer
3k views

AngularJS inject issue with Angular Bootstrap modal

I am integrating the modal from Angular Bootstrap and trying to adapt code sample from here to my app. I get the error: Error: [$injector:unpr] Unknown provider: $modalInstanceProvider <- ...
2
votes
1answer
107 views

$watch not working inside Angular Modal

I'm trying to put a $watch on a radio button inside AngularJS Modal. However $watch is not working inside modal for any value changes. If I try to put the radio buttons outside modal, the $watch ...
2
votes
1answer
1k views

Angular UI-Router fails to load template that I didn't ask for

Plunker Code Showing Issue Described Below http://plnkr.co/edit/Bz3Qhf1eDuFrnKI0qnUo?p=preview I am using two components of the AngularUI suite, UI-Router and UI-Bootstrap. UI-Router is responsible ...
2
votes
4answers
76 views

Unknown Provider | Angular Bootstrap Colorpicker

I'm encountering this error: Error: [$injector:unpr] Unknown provider: colorpicker.moduleProvider <- colorpicker.module using this module: Angular Bootstrap Colorpicker and this installation: ...
2
votes
2answers
527 views

angularjs datepicker not opening twice angular-ui version 0.11.0

I am trying to have 2 datepickers and I am using Angular UI version 0.11.0. My HTML code <span ng-if="periods.period == 10"> <input type="text" datepicker-popup="dd-MMMM-yyyy" ...
2
votes
1answer
548 views

How to Open and Close Angular-UI popovers programmatically

I need to create popovers that gets its content from the server. So I created the following directive: .directive('myPopover', [myService, function ($myService) { return { ...
2
votes
2answers
110 views

AngularJS bootstrapUI : Typehead multiple select directive

I'm very new to AngularJS and i have some troubles understanding how the select directive work (Official doc). I used the bootstrap UI example at http://angular-ui.github.io/bootstrap/ (bottom of the ...
2
votes
2answers
35 views

How to declare device ready in angular js

Have an app.js file, but not getting where to exactly include the device ready method. Can any one please help me out. App.js: var app = angular.module('myApp',[ 'ngRoute' ...
2
votes
1answer
80 views

How to use select properly with firebase data in Angular UI typeahead

I'm trying to use Angular-UI typeahead along with some data from my firebase. The data looks something like this: Data:{ "-JL8IPEAs0vLSt4DJ4V9": { "name": "Something" }, "-JL8IbggYn3O8jkWoPmv": { ...
2
votes
1answer
972 views

Modal confirmation as an Angular UI directive

I'm trying to make an Angular directive with angular-bootstrap to mimic the confirm() function. Here is a plunk showing the visual result and behavior I want to achieve : ...
2
votes
1answer
2k views

AngularJS + UI-Bootstrap passing parameters to modal dialog

I'm trying to use a simple modal dialog for editing an item in a list in the context of an Angular app. For modals I'm using UI-Bootstrap (AngularUI), which I know has still issues with Bootstrap 3 ...
2
votes
2answers
44 views

2nd Google Map not rendering properly when added dynamically

The following HTML, when copied into an .html file and viewed in a browser directly shows my problem. <!DOCTYPE HTML> <html ng-app="myApp"> <head> <link ...
2
votes
1answer
4k views

Angularjs datepicker popup bootstrap-ui does not work in view

I am an angularjs and bootstrap ui newbie! My date picker popup is not working in my included view. It works if its outside the view. i.e. as demoed here Any assistance will be appreciated. But, ...
2
votes
1answer
152 views

angular bootstrap modal masks forms

I am trying to get at an angular form in scope to verify validations etc. Base Case Let us say I have the following HTML: <body ng-controller='MyAwesomeController'> <form ...
2
votes
1answer
140 views

Boostrap dropdown events not working with bootstrap-ui

According to http://getbootstrap.com/javascript/#dropdowns events (e.g., show.bs.dropdown, hide.bs.dropdown) are thrown when a drowdown is opened/closed. This works until module bootstrap-ui is ...
2
votes
2answers
4k 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 ...
2
votes
1answer
56 views

Angular UI Bootstrap Typeahead template ng-src with funciton

I'm wondering how to use a function in the ng-src attribute of the custom template for Typeahead. Here's my html template: <script type="text/ng-template" id="customTemplate.html"> ...
2
votes
2answers
70 views

Angular Bootstrap UI modal not showing

I'm trying to use the modal from angular ui bootstrap, but it is not showing although the window is blur when the code to show the modal executes, the codes for the modal is: <script ...
2
votes
0answers
94 views

How to unit test the 'resolve' property on an Angular-UI Bootstrap Modal component

I'm trying to write a unit test that asserts the correct variable is being sent to the resolve property of ui.bootstrap.modal from the Angular-UI Bootstrap components. Here is what I have so far: // ...
2
votes
0answers
183 views

angularjs ngstrap conflict when using dropdown and tooltip together

I'm using ngstrap There is a conflict between and tooltip on ngstrap. The problem that i want to get value of using ng-model. but when I am using ngstrap tooltip the ng-model didn't work. Hint : ...
2
votes
0answers
2k views

AngularJS Jasmine Test Fails: Failed to instantiate module

My angular app worked great and so did my tests, using karma and jasmine, until I added a dependency in ui.bootstrap. Now the app still works as expected, but I can't get my tests to run. This is what ...
1
vote
2answers
141 views

UI-Bootstrap samples do not work

We are trying to work with UI-Bootstrap http://angular-ui.github.io/bootstrap/ trying to work though the examples and nothing seems to be working. According to the documentation we only need to ...
1
vote
1answer
53 views

Customize AngularJS Bootstrap Tooltip

How do I add custom placements/animations to an AngularJS/Bootstrap tooltip? I can do: myApp.controller('TooltipCtrl', function ($scope) { $scope.htmlTooltip = 'Here is a tooltip!'; }); And it ...
1
vote
1answer
226 views

Pagination from AngularJS ui not visible

I have a simple dataset that I want to paginate using angular-js ui. It's server driven pagination since it can get quite big. Now, I have the problem that my pagination element is not showing up. ...
1
vote
1answer
2k 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
2answers
74 views

In AngularJS, why would a directive require itself?

I'm trying to learn from the angular-ui code. I see that the btnRadio directive requires itself. I understand that directives may require controllers and then access them as an array in the fourth ...
1
vote
1answer
42 views

getting data back to controller from form

I have this form below. When I change the text fields, it shows the changes here <div> {{authform.email}}{{authform.password}} </div> but when I try to submit the form by ...
1
vote
1answer
107 views

nested controllers in angularjs

we're pretty new to this. After finally managing to get ui-Bootstrap working with a date control :- <div class="col-md-2 box" ng-controller="ResultFilter" > <h2>Filter</h2> ...
1
vote
2answers
106 views

Retry modal popup AngularJS

I can understand how to make $http request interceptor with retry logic like in this question But I cannot figure out how to make a modal popup(angular-ui - bootstrap) with retry button which get ...
1
vote
1answer
98 views

why is the AngularUI bootstrap datepicker not popping up?

trying out angularUI bootstrap's popup datepicker demo. Demo embedded in their page works, but my minimal plunker does not - button click does not popup the calendar. Any idea why? JS: $scope.open ...
1
vote
1answer
223 views

Two way binding not working with a variable in a Modal (Subcontroller) with angularjs

Hello I got a list of products and I want people to select one of them and then a modal displays where they can enter extra info (a comment). I am using 'AngularJS' with 'Angular-UI' and ...
1
vote
1answer
1k views

AngularJS UI-router, Change URL when paging

I have an Angular JS project using Angular UI-Router which is going great but I am trying to implement the UI Bootstrap pagination directive and can't work out the correct strategy. I have a table of ...
1
vote
1answer
26 views

Clicking on Angular UI Bootstrap Radio Buttons

I'm trying to use the radio buttons implemented in UI Bootstrap firing a function by including a ng-click on the button. Apparently the radio button variable updates after the function has been ...