Tagged Questions
0
votes
0answers
12 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
29 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
13 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
0answers
38 views
Twitter bootstrap or UI Bootstrap [on hold]
I am new to responsive web development and was thinking of using Twitter bootstrap for my upcoming project.
For javascript I have been working with KnockoutJS, but wanted to transition into ...
0
votes
1answer
39 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
59 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 ...
0
votes
1answer
53 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
40 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
72 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
66 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 ...
0
votes
0answers
50 views
Conditional dropdown in responsive nav bar
I'm using bootstrap to make a responsive navbar. I like how the dropdown looks in general but it looks repetitive when the navbar is collapsed (as part of bootstraps responsive navbar).
Is there a ...
0
votes
1answer
33 views
AngularUI MessageBox promise not invoked in IE10
I'm running into the following problem, here's the code right away:
// into some function invoked from ng-click
var msgbox = $dialog.messageBox(
'Some Title',
"Some message body", [{
...
0
votes
1answer
74 views
AngularJS UI Bootstrap Carousel go to slide?
I'm new to this AngularJS thing, and I want to create a carousel with Angular UI Bootstrap. Is it possible to go to a specific slide by clicking an button?
http://plnkr.co/edit/X0Mr1sPUr5Je0tfkzgjy
...
0
votes
1answer
69 views
How do you iterate over an array of objects for typeahead?
http://angular-ui.github.io/bootstrap/
I want to use the bootstrap's typeahead, and search two different key-pairs in an object. How do I iterate over an array objects?
Also could someone explain ...
0
votes
1answer
69 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
75 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
48 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
104 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
81 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
73 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
65 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 ...
1
vote
1answer
121 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
85 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
59 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
30 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
42 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
52 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 ...
0
votes
0answers
85 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
185 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
175 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', ...
2
votes
1answer
239 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
75 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
95 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" ...
1
vote
1answer
225 views
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 ...
2
votes
1answer
198 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
542 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
659 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
72 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
135 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
83 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
242 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 ...
-1
votes
1answer
56 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
787 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
157 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
84 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
128 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
136 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
204 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
39 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
31 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 ...
