0
votes
1answer
28 views
How to implement a loading dialog whilst dealing with $http request
I am currently writing an AngularJS webapp using parts of Angular-ui - notably UI-Bootstrap
I would like to be able to display a loading dialog while the app gets its data. On initial load I also ...
0
votes
0answers
21 views
How to improve plnkr includes Angular UI Router and Angular UI Bootsrap Carousel [on hold]
http://plnkr.co/edit/uOW7tUQ2D5P22pBgLyoK extends Ben Schartz's fiddle on Angular UI Router, and loads a partial html containing the Angular UI Bootstrap Carousel demo. Apart from too many includes, ...
0
votes
0answers
34 views
Angular-UI Bootstrap - Collapse - what event is triggered when the collapse animation is completed both for showing and hiding?
So I am trying to execute a function that needs to wait for the animation on the angular-ui bootstrap collapse function to finish. I cannot seem to find what that event would be for the angular-ui ...
1
vote
1answer
28 views
checkbox in angular-ui tab's header
I am using AngularUI's bootstrap library 0.4.0. I want to make a tabset that has checkable header, Plunker demo. However, as you can see, I cannot check the checkbox at all. Any suggestion will be ...
0
votes
1answer
59 views
How to create an Angular UI Bootstrap Accordion Group with no body?
I'm quite happy with the Angular UI Bootstrap Accordion, but I encountered a problem when creating a Accordion Group with no body. The Accordion will always create an empty body and I couldn't find a ...
0
votes
1answer
30 views
UI-bootstrap typeahead does not resolve promise
Problem description
Hi, I have a problem with UI-Bootstrap's typeahead, there is standard example on the homepage that demonstrates typeahead usage:
...
0
votes
1answer
29 views
UI Bootstrap's typeahead refuses to iterate through object
According to docs found on official ui-bootstrap, typeahead directive "uses the same, flexible syntax as the select directive"
But unfortunatelly it seems that typeahead directive refuses to iterate ...
0
votes
0answers
41 views
AngularUI DatePicker
I am trying to use AngularUI Bootstrap DatePicker (http://angular-ui.github.io/bootstrap/) on my form, and everything is working fine, but when I click on the Next or Previous month buttons, it posts ...
0
votes
1answer
45 views
AngularJS BooutstrapUI Typeahead with object & selection functionality
I'm trying to implement a typeahead in Angular using http://angular-ui.github.io/bootstrap/, where the typeahead field displays full addresses but once clicked another field is populated with just the ...
0
votes
1answer
42 views
AngularJS BootstrapUI Typeahead - whats $viewValue?
I'm trying to implement a typeahead in Angular using http://angular-ui.github.io/bootstrap/
Seems like it should be easy, but I'm getting the following error:
Global symbol "$viewValue" requires ...
0
votes
1answer
43 views
Tooltip misplaced inside ng-repeat
The following shows the tooltip text in the right place:
%a{:href => "http://google.com/"}
%span{:tooltip => "TEST"}
= "test"
The following shows the tooltip half a screen below ...
0
votes
0answers
21 views
Modifying an accordion to behave like a table
For 4 hours I have been trying to modify the accordion template to look and feel like a table row. Essentially, I want to have a table where each row element is an accordion group that when clicked on ...
0
votes
0answers
31 views
AngularJS objects from web service
I have a model defined on the client.
module Shared{
export class HotelType{
ID : number;
Description : string;
}
export class Hotel{
ID : number;
Type : ...
1
vote
2answers
39 views
$watch not firing on data change
I have a watch setup against the model of a ui-select2 dropdown (from ui-bootstrap). The watch fires on load but not on data changes and I can't figure out why.
It isn't the usual problem of not ...
-1
votes
0answers
40 views
Customizing bootstrap directives in AngularUI [closed]
I am developing an AngularJS application and wanted to use the AngularUI library to accelerate my process for Twitter Bootstrap UI elements integration (accordions, buttons, alerts, etc). Since this ...
0
votes
0answers
50 views
angular bootstrap dialog never opens
I've got the following code:
angular.module('myApp').controller('modalClickItemController', function ($scope, $dialog) {
$scope.openDialog = function(opts){
console.debug('bar');
var d = ...
0
votes
1answer
100 views
Attempting to combine Angular UI Bootstrap's Typeahead with Alert
I'm attempting to take the results of a typeahead and stick it into a bootstrap alert. I would like the user to be able to select multiple times from the typeahead select, and have this create ...
0
votes
0answers
85 views
Angular UI Datepicker not functioning
No errors in the Javascript console, all resources seem to be loading, but the datepicker doesn't pop up when the input text field is clicked.
app.js
var app = angular.module('appform', ...
1
vote
1answer
97 views
Setting options for typeahead, using Angular-ui Bootstrap
Using typeahead, I am trying to set a couple of options, which are available as standard Bootstrap typeahead options
Using the following code, I'm able to set the "minLength" property by putting it ...
0
votes
2answers
54 views
ui-bootsrap pagination: first page button is not disabled when page loads
I am displaying a list of elements inside a ng-include.
The list of elements comes from the server using $resource query service.
The list is paginated with the ui-bootstrap pagination directive. the ...
0
votes
1answer
55 views
Setting the initial static tab in angular bootstrap
I don't seem to be able to set the inital tab in an angular bootstrap tabset. It always sets the left most tab to active.
Given the html:
<tabset>
<tab heading="Static 1" ...
0
votes
1answer
108 views
+50
AngularJS + UI Bootstrap Typeahead: preload value from object into input field
I am trying to use AngularJS + UI Bootstrap Typeahead to fill in input field with name attribute of an object while I need to use id attribute of this object when the form is sent.
The problem is ...
1
vote
1answer
97 views
Can you override specific templates in AngularUI Bootstrap?
I'm curious if there's a way to override single, specific templates from the ui-bootstrap-tpls file. The vast majority of the default templates fit my needs, but there's a couple specific ones I'd ...
0
votes
2answers
213 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
1answer
274 views
Angular-UI-Bootstrap custom tooltip/popover with 2-way data-binding
I am using angular-ui-bootstrap in my current project, and I have a requirement for a popover that will allow the user to take some action on a given element (rename/edit/delete/etc...). Since ...
1
vote
1answer
49 views
AngularUI Typeahead + Model value change
I have a textbox for which i suggest cities. I have used angualar-ui typeahead for suggestions. Now everything seems to be working fine.
Just that when i reset form through angular using ...
0
votes
1answer
86 views
Is there a cleaner way to use angular ui nested routes with ui-router?
I'm getting into Angular and have found several great uses for it. I built a custom navigation for a client using the Angular UI-Router. It's very straight forward, but I'm wondering if there's a ...
0
votes
1answer
54 views
How to create a closeable tab in angularjs UI-Bootstrap
I want to create closeable tabs (like chrome tab or firefox tab, which has a small "x" on every tab). How to configure the ready-made tab component in UI-Bootstrap to add this functionality?
Thanks.
2
votes
0answers
146 views
Angular-UI $dialog and form submit on enter key
From what I can see, the recomended way to handle enter key in dialogs in AngularJS is to place a <form> tag and a submit button inside the dialog.
Fair enough, but if you use Angular-UI and ...
0
votes
1answer
42 views
UI-bootsrap collapse doesn't work
I have angular application with ui-bootsrap module. I'm trying to use ui.bootstrap.collapse element.
My controller:
function LoggerController($scope){
$scope.isCollapsed = false;
...
0
votes
3answers
323 views
AngularJS/UI - Focus input in dialogs
Is there any way to set focus in input controls using AngularJS/Angular-UI ?
I saw that Angular-UI has some Jq-UI=focus directive but I'm unable to get it to work.
I have a few dialogs that I ...
0
votes
1answer
81 views
Ui-Bootstrap Datepicker javascript error : Type Error has no method 'getFullYear'
I am trying to set a default date for ui bootstrap datepicker. The dates are coming from json and are in Unix timestamp format.
[
{ "type": "date", "name": "date 1", "value": 1375907474 },
...
0
votes
1answer
74 views
how to pass an object to a directive template in angularjs?
I am trying to make a re-usable directive with ui-bootstrap modal.
It's almost working except the options
here is the directive :
directive('update', function() {
return {
restrict: "E",
...
0
votes
1answer
85 views
Include link in angular-ui bootstrap alerts?
How do I include links in an angular-ui bootstrap alert?
Attempt:
![alert][1]
http://plnkr.co/edit/QkewqbPkuzBvMrePERyV?p=preview
0
votes
0answers
70 views
Customising Angular UI Bootstrap's tooltip widget
I need to show a popup panel when the user moves the mouse over a grid row in an AngularJS application. The panel will display a detail view of the data in the row. The markup will be derived by ...
1
vote
1answer
104 views
Clean URLs with AngularJS and modal dialog boxes
I'm using AngularJS + the "modal" directive provided by UI Bootstrap. The modal dialog box works great, but I have one problem: the URL isn't changing.
For example, my AngularJS app has a route set ...
0
votes
1answer
31 views
Common tabs footer is placed under navbar
In angular-ui v0.3 I used old tabs directive with common footer like this example. http://plnkr.co/edit/5K1xIf
Now I want upgrade to 0.4, but it has new version of tabs, where content transcludes ...
0
votes
0answers
27 views
Call a method on a nested controller
I have an Angular app that displays a ui.bootstrap.modal dialog when I click on a certain element. I want to make the modal logic reusable so have separated it into a separate controller. The result ...
4
votes
1answer
609 views
Angular UI Bootstrap - Popup Datepicker
I would like to have a datepicker popup upon clicking a button using the Angular UI Bootstrap library's components.
There are examples of both on the Angular UI Boostrap website but I don't see a way ...
0
votes
1answer
61 views
Pass data to angular's nested controller
The problem
I'm using UI Bootstrap's dialog service in my application, this service creates modal dialog and I do that using the following method on my outer $scope:
$scope.showRouteEditDialog = ...
1
vote
1answer
104 views
Redirect to link using Angular UI Directive Typeahead
I'm using the Angular UI Bootstrap typeahead directive for a project and I want to redirect to a dynamic URL based on what is selected in the typeahead. I'm trying to use the typeahead as a search ...
0
votes
2answers
70 views
angular directive to call UI Bootsrap modal
I am trying to make a directive to call a modal (with bootstrap-ui) to update some properties. the modal content would be different depending on where it's called from.
updated
I made a plunker to ...
1
vote
0answers
88 views
How to save some state into the URL as a query parameter
I'm using AngularJS 1.0.7, with ui-bootstrap 1.0.4.
My application has a main navigation bar, and some pages have an extra level of tabs (using ui.bootstrap tabset and tab directives).
What I'm ...
0
votes
1answer
69 views
Collapse a list of ng-repeat
I'm attempting to use ui-bootstrap's collapse on an ng-repeat list of items. I've added ui.bootstrap to my module, and worked out this html:
<div class="title">Things <a class="collapse" ...
0
votes
1answer
118 views
How do I get dynamic content in an AngularJS Accordion body
I can see how to get static content in an accordion body, but can't figure out how to generate dynamic content.
Taking the example at http://angular-ui.github.io/bootstrap/ the accordion is generated ...
0
votes
1answer
189 views
Angular UI Bootstrap not working with AngularJS event handling
I am new to Angular and have basic problems, getting Angular-UI-Bootstrap to work in combination with AngularJS. Here a simple example, an usual input field that uses ng-change for event handling, and ...
0
votes
1answer
100 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 ...
0
votes
0answers
175 views
Angular dialog closing immediately the first time, when using a bootstrap dropdown in the template
I'm trying to open a dialog when a user clicks a button. I've found that when I add a bootstrap dropdown to the the dialog template then the first click (from the 'Open Dialog' button) returns ...
1
vote
2answers
609 views
AngularJS: Why and when calling $timeout is required?
Live Demo
I created a confirmationDialogHeader directive which is used like so:
<ul>
<li ng-repeat="item in items">
{{item}}
<button class="btn btn-mini"
...
0
votes
2answers
498 views
Angular UI Bootstrap Modal use in directive
I would like to create a confirmation-dialog-header directive that will open a Bootstrap UI Modal that will be used like this:
<button class="btn" confirmation-dialog-header="Non Working ...
