A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
1
vote
1answer
9 views
How to create a nested UI-Bootstrap accordion?
How to create a nested UI-Bootstrap accordion where inner and outer accordions works independent of each other.
If one accordion group is open in outer accordion and I am doing something in inner ...
0
votes
0answers
14 views
No dates showing using Angular.ui Datepicker
I'm trying to implement the Datepicker popup. I'm using the example on the getting-started page as seen Here. When I click on the calendar icon the popup shows but there are no dates, Just left and ...
0
votes
0answers
18 views
angular ui-bootstrap popover template content and close button
Using ui-bootstrap I can use a custom template for popover and thats cool however there are couple of issues I'm facing.
1- close button
I can use popover-is-open to open and close however then I ...
0
votes
0answers
4 views
Angular-UI-Bootstrap Multiple DatePickers Min-Date
I have two datepickers. The first one has the min-date set to the current day using minDate. I'm trying to set the min-date of the second one to one year later using minDate2. Even though minDate2 ...
1
vote
2answers
30 views
error with using resolve angular-bootstrap-ui
I am having difficulties combining both the editing of a current contact and the creation of a new contact. I am able to edit the contact that I click on, however, when I try and click on add new ...
0
votes
0answers
13 views
How Can I Open a Bootstrap-UI Dropdown with Protractor
Using angular 1.5, ui-bootstrap 0.14.3, bootstrap 3.2.0 & protractor 3.2.2
I'm trying to use Protractor for e2e testing of an angular/bootstrap-ui application. Demonstrating one of the specs ...
1
vote
1answer
18 views
UI Bootstrap Typeahead doesn't store selection in ng-model
Okay so I'm using Ui-Bootstrap typeahead (https://angular-ui.github.io/bootstrap/#/typeahead).
I'm using a firebase array for the data.
I've got it to when I start typing it filters the results and ...
2
votes
1answer
55 views
Editing an existing contact in modal (bootstrap-ui angular)
I have built a addressBook holder, which should allow a user:
1. create an address, by entering details in modal pop up;
2.delete an address and
3.edit an address that already exists by entering ...
0
votes
2answers
51 views
angular.js:13424 Error: [$injector:unpr]
I am using the angular-ui-bootstrap library to implement the bootstrap modal - see here.
All is good, the modal is opening, but it will not close. I have tried to use $uibModalInstance but when I ...
0
votes
2answers
24 views
Angular Bootstrap Navbar component position
I have an angular page where I want a fixed nav bar on top. The title of the page on the left, some buttons in the middle, and a dropdown on the right. I'm using bootstrap and ui-bootstrap and I've ...
1
vote
1answer
10 views
Directive decorator in config block never called
I'm using angularJS 1.4.9 and ui bootstrap 1.0.3.
I would like to decor uibDatepicker directive but the decorator function is never executed and there is no error or warning message in the console.
...
0
votes
2answers
16 views
Dropdown button does work as expected.
I am new to HTML and Angular. This might be simple basic question.
I am trying to use the basic dropdown button. in this example.
http://jsfiddle.net/xkL15guj/
I am trying to use the same example ...
0
votes
1answer
26 views
AngularJS Bootstrap datepicker error
I'm trying to implement a datepicker in my phonegap app with angular ui bootstrap.
<h4>Popup</h4>
<div class="row">
<div class="col-md-6">
<p class="input-group">
...
1
vote
1answer
22 views
How to make scope functions available to compiled template in angular
I am trying to write a service, which will compile HTML for a directive and append it to the body element. While the text is being processed by the directive the functions are not.
Here's a simpler ...
0
votes
0answers
15 views
how to set multiple controller and scope values during add and modify using angularjs modal dialog?
I have a code for crud operations, i need to open a dialog modal and create, modify, delete operations need to be done.
Here is my html code
<h3 class="blank1">Roles</h3>
<div ...
0
votes
1answer
31 views
angular uib-carousel, active slide not working
I would like something as simple as displaying a selected index from the carousel slide. But for some reason it doesn't work.
The documentation is kinda cryptic so i'm not sure if I do it correctly.
...
0
votes
1answer
21 views
Angular UI Bootstrap Carousel and Tabs collision when they are on same page
I am using angular UI Bootstrap for an angularjs project. I have a page with Carousel and Tabs (both are on the same page).
The problem is that the Tabs are switching with respect to the Carousel ...
0
votes
1answer
23 views
Require JS with Bootstrap-ui
I would like to know how I can incorporate boostrap-ui as a dependency(require JS) in order to work with angular.
Current Issue I face is that when injecting the dependency and when i do console log ...
0
votes
0answers
7 views
Angular-UI Typeahead NoResults causes flicker
I have an input configured with Angular-UI Typeahead. When there are no results, a div is set to appear with some additional fields. The problem is that there is a very noticeable flicker after the ...
1
vote
1answer
36 views
Link function of Directive is not being called
I have a scenario where I need to show a pie-chart in a popup modal (used ui-bootstrap modal). I used c3.js for my pie-chart requirement (inside a directive).
The pie-chart is not loading inside the ...
0
votes
1answer
33 views
Angular UI Bootstrap typeahead-append-to
I'm trying to append the Angular UI Typeahead control to a custom element in my HTML. The docs state this:
typeahead-append-to $ (Default: null) - Should the typeahead popup be appended to an ...
0
votes
1answer
19 views
angujar digest error loop when using boostrap alerts
I'm using angular-ui-boostrap along with exception handler to show all application exceptions as an alert. The alert has dismiss-on-timeout set.
here's exception hander code (written in coffee):
...
0
votes
1answer
9 views
angular.element.scope() returns undefined after upgrading latest verion angular-ui-bootstrap 1.3.1
I am upgrading my angularjs, I have upgrade angular-ui-bootstrap 1.3.1 from 0.12.0 with the angularjs version is 1.4.5.
now there is a breakable change I found in my application that ...
-1
votes
3answers
23 views
Make to show the Div when Hover the Text
I am creating the div like below and I wanna make to show that Div when hover the text like tooltip.
<Div id="cont">
<table> .. <.table>
</div>
<Label> Show Me ...
0
votes
0answers
9 views
Bootstrap Bower different from with Bootstrap CDN
I'm trying to move first steps into bootstrap and angular world.
I'm executing this W3S example:
w3schools.com/bootstrap/bootstrap_grid_basic.asp
The example works well if I run it with this ...
0
votes
0answers
17 views
Showing dynamic tooltips on multiple-choice Select control
Good morning:
I'm trying to add a custom tooltip to every selected choice in an Angular JS ui-select control (Angular JS - ui-select).
The controler (fc) contains a function which, based on the ...
0
votes
2answers
34 views
How to properly use partial views and modal in angularjs
I am new to angularjs so maybe I am not using things properly, please guide me for right approach.
So here is my scenario:
I have two objects Books and author I have wrote separate controllers for ...
0
votes
0answers
21 views
auto complete using ui-bootstrap in ionic
I am new to ionic(1.7.12) trying to do a sample project for auto-complete here is my code so what i have tried jsfiddle
I am not getting any error in my code but on typing any letter in my text field ...
1
vote
1answer
20 views
Using conditional operator with ng-class - AngularJS
I am new to web development. Recently was trying out an example to implement Tab functionality in Angular JS.
I want to apply conditional operator to the following code. Can I apply condtional ...
0
votes
1answer
23 views
bootstrap modal with asp.net mvc html helpers
I am trying to implement bootstrap ui modal in asp.net mvc. I created a basic modal which contains a login form.
Issue I am facing here is, when I start using html helpers, styles of the modal form is ...
0
votes
0answers
18 views
Angular UI Bootstrap - change background click event to 'close' rather than 'dismiss'?
I'm working on a project with extensive use of modals and promises.
Originally I was setting all modals to have a static backdrop and not be closable with escape. However, now for some of them we'd ...
0
votes
0answers
20 views
Can't find glyphicons in Bootstrap 3.3.6
I'm a beginner to front-end development and I forked this app for learning purposes
https://github.com/johncar/al_ui_template/
Because I'm new to bootstrap, I don't understand how to use the ...
0
votes
1answer
13 views
What's this class name called in Bootstrap 3 showing this textbox effect?
When you have a textbox and you want to display this effect in Bootstamp 3. What's the classname called for this? (blue bar at left corner)
0
votes
1answer
13 views
Dropdown menus do not act as expected using Angular UI Bootstrap Navbar & UI-Router
We have an Angular site using UI Bootstrap & UI-Router
When in collapsed mode, if you click any open with a drop down, the menu re-collapses before the user can see the dropdown options.
Here's ...
0
votes
0answers
13 views
How to write custom Controller logic for Angular UI Bootstrap typeahead
I am using the Angular UI Bootstrap Typeahead with my own custom typeahead-popup-template and typeahead-template. I observed that the typeahead-popup-template uses it's own isolate scope. Now I need ...
0
votes
0answers
14 views
Support dates with optional month and day in angular date input or uib-dateparser
I want to support the dates in the following formats in my angular bootstrap input: YYYY, MM.YYYY and DD.MM.YYYY. At the same time I want to send to the server the dates in the following formats: ...
0
votes
0answers
34 views
angularjs ng-change and bootstrap checkbox toggle not working properly
I have a script like in a kendo grid and the ng-change seems that is not fired every times (in particular when the action is Yes --> No)
<script type="text/x-kendo-template" ...
-1
votes
0answers
26 views
AngularJS and Angular Bootstrap not working
I am using AngularJS v1.5.3 and Angular Bootstrap v1.3.1. I have declared my dependencies and linked the file after angular.js but angular bootstrap is still not working.
...
-2
votes
0answers
6 views
How to validate input field and fire modal on AngularJS?
I have button to validate a input field. When user click the button, if the field is wrong, then I'll show a error message. If the field is right, I'll show a modal. How to do that through AngularJS? ...
0
votes
1answer
11 views
Does $uibModalInstance have any properties like .ready or .opened?
Does $uibModalInstance have any properties like .ready or .opened? I am trying to change the CSS class of elements within a UI Bootstrap modal based on the data passed to it. I need a way to trigger ...
0
votes
0answers
12 views
Why do the dropdowns in this bootstrap menu not work
I'm trying to upgrade a project to the latest version of bootstrap.
Everything seems to be working fine other than the fact that the navbar menus are not working properly.
Here they are:
...
0
votes
1answer
46 views
How do you load a dynamic template into $uibModal.open( ) ( Angualr UI bootstrap)?
I am using angular ui bootstrap. I want to define a generic Modal Window to provide some default buttons, like close, ok, title etc.
The user's modal body template is provided as a template url. How ...
0
votes
0answers
20 views
Angular best practice to validate overlapping date inputs via a datepicker
What would be the Angular way to validate overlapping dates(start and end dates).
I have a UI that has two datepicker inputs: one for start date and the other for end date, consider this a row of ...
0
votes
1answer
68 views
$uibModal call scope function from windowTemplate
I have a windowTemplate to wrap my modals into. What I'd like to achieve is to extend the wrapper with custom functionality. I added two new buttons to the wrapper a close button and a help button. ...
0
votes
1answer
37 views
AngularJS bootstrap's carousel doesn't work
SOLVED: Here it is codepen link with correct code: Codepen
my angular bootstrap carousel shows images one on the other statically without "sliding", anyone know why?
This is my setup:
HOME.HTML:
...
0
votes
1answer
32 views
AngularJs Bootsrap typeahead autofill input box on hovering over the options on dropdown
I am using AngularJs Bootstrap typeahead feature.
Usually when we type something that matches, the dropdown opens up.
What I want is, on hovering over the options by using the keyboard keys up and ...
3
votes
2answers
45 views
Populate angular ui bootstrap popover
How do you populate an angular ui bootstrap popover? I want to populate the popover with a list of actor names. Here is the code:
<div class="container" ng-if="radioModel=='Search for Actor'">
...
0
votes
1answer
25 views
Nested ng-repeat issue
I have created a topics and a subtopics table, but I want each subtopic to reference only one topic without changing. Right now, my code updates the scope to the most recent ng-repeat call on all of ...
1
vote
1answer
90 views
modalService cannot talk with controller and view
The code at this plnkr has a modal which pops up when a user clicks on a "Click to take quiz" button which calls a controller method that in turn calls a modal service. To get the plnkr to work, ...
0
votes
0answers
13 views
Keeping only one collapse open in Angular Bootstrap UI
Right now my view looks like this:
<tr data-ng-repeat="subtopic in vm.subtopics">
<td data-ng-click="subtopic.isCollapsed = ...
