A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
17 views
Angular UI Tooltip overflowing screen
I have a tooltip (http://angular-ui.github.io/bootstrap/) with a status notification, but when this notifications is to large, it overflows the screen limits. here is a print of what is happening:
...
-1
votes
0answers
15 views
AngularJs BootstrapUI Datepicker validation
I need to validate the date of the datepicker and also limit the years (avoid 15-05-9999 for example).
This is my HTML code:
<p class="input-group">
<input ...
0
votes
1answer
10 views
Angular bootstrap lazy loaded tabs , autoselecting the tabs
I am using tabs of angular bootstrap ui. I have overriden the tabs directive so as to perform lazy loading of data
Plunkr link for the same : http://plnkr.co/edit/uAb3TrKtxoPPXx8mekRz?p=preview
The ...
0
votes
1answer
17 views
Search in angularjs not working properly with angular bootstrap ui
i am using angular-ui bootstrap for pagination of a table and i have separate search input tag, the search input only searches the first set data from the paginated list, it does not search the ...
0
votes
4answers
36 views
apply css on ng-click dynamically angularjs
I have an Object like this
var obj = [
{
'id':1,
'color':'#ff0000',
'name':'final'
},
{
'id':2,
...
-1
votes
1answer
30 views
AngularJS Dynamic accordion and html form
I have an accordion and it has an HTML form, then when add button is click it will add another accordion and have the same HTML form in it, how can I accomplish this.
I am thinking a script template, ...
1
vote
1answer
19 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 ...
-1
votes
0answers
14 views
Popover directive angularjs containing urls which on click opens in new window [on hold]
Hi I am quiet new to angularjs, but like experimenting with it, Recently I tried creating a popover directive in angularjs which has the url links which on click should open in new window.
The issue ...
0
votes
0answers
11 views
How do you add a Bootstrap-ui Tooltip to a Carousel's Slide
I'm trying to add a tooltip to each slide - but i get the Multiple Scopes error or the tooltip gets ignored.
Plunker
<!DOCTYPE html>
<html>
<head>
<link ...
1
vote
2answers
18 views
Hide Parent's sbling ui-view quadrant when in a child state
When I go to a child state, I want to hide a ui-view component of a quadrant ui-view in root state. How can achieve this.
##index.html
<div ui-view="a">
</div>
<div ui-view="b">
...
0
votes
1answer
7 views
Bootstrap / Angular js responsive grid with comment dropout
Hi i'm struggling to find a responsive grid system that works with bootstrap / angular.js
I've been using Masonry But when i try to drop out comments resizing the height of my div it breaks. On the ...
-1
votes
1answer
12 views
AngularJS $ filter date
Hi I am using Angular $filter function to filter the dates in grid. I want to show the dates descending order but every time the empty dates comes upper, how i can show the empty dates lower in grid.
0
votes
1answer
22 views
Form not editable if no match is found using UI-Bootstrap's typeahead directive?
Below is the relevant code for how my typeahead input box is setup. Essentially, the user types in a name and the relevant information is loaded into the rest of the form. In the case that no match is ...
0
votes
0answers
9 views
Angular UI Bootstrap pagination not working
I am using ui-Bootstrap pagination but its not working as expected I refer following post but its not working for me.
How do I tell ui-Bootstrap what content to paginate?
My code is as follows.
...
0
votes
0answers
30 views
How to open a Div using Angularjs UI Modal Popup
I have a page which is containing a grid. In that i have edit link.On edit click i want to open a div(contains partial view) in AngularUI modal popup and after editing i want to refresh my main list. ...
1
vote
1answer
23 views
create an Angular ui-bootstrap alert not using an array
I would like to create an alert that does not use ng-repeat. I've created a simple function that will fill in the parameters for type and message. I am able to successfully add the message but not ...
2
votes
0answers
38 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 ...
-2
votes
0answers
26 views
angularjs typeahead with ui mask
See this plunker:
http://plnkr.co/edit/0Osy3uLOrJCm8DRG30Vs?p=preview
I wanted to combine the ui.mask directive with ui.bootstrap.typeahead directive. When I apply the ui-mask directive to the ...
0
votes
0answers
9 views
TypeError after upgrading to UI Bootstrap version 0.11.0
When I have upgraded to UI Bootstrap version 0.11.0 I am getting the following error with the UI Datepicker:
TypeError: Unable to get property 'split' of undefined or null reference
at createParser ...
-1
votes
1answer
47 views
What is the major difference between using Bootstrap Angular, and Ionic Angular? [on hold]
What's the major difference between using Bootstrap Angular, and Ionic Angular? Is really the fact that ionic is a ready to go solution for Mobile? If to think of it as if bootstrap was mobile ready, ...
0
votes
1answer
15 views
Datepicker not highlighting today
I would like today to be highlighted on the UI-Bootstrap date picker. On the UI-Bootstrap demo page the Datepicker example shows a different CSS class on today's date:
...
0
votes
1answer
15 views
Call function after model loads angularjs ui bootstrap
I am using Angularjs UI bootstrap to render Models in my project. But In some situation I want to call a function after model loads. I have tried with $timeout and $viewContentLoaded but no use. can ...
0
votes
0answers
21 views
Django-Angularjs dynamic rating app
I trying to create a Angularjs rating app with django. I'm using the rating mechanism from angular-bootstrap. http://angular-ui.github.io/bootstrap/
I've created a controller which can handle ratings ...
0
votes
1answer
28 views
Angular JS - Date changes when submitting to $http - Timezone issue
I am having a strange problem where a Date changes when it is passed to API through $http.put, I suspect a timezone issue:
Datepicker triggers ng-change event - console.log:
Tue Jun 10 2014 ...
0
votes
0answers
25 views
UI-bootstrap: Cannot read property 'remove' of null
I'm using ui-bootstrap(accordion) for angular.
Also im creating recursive templates with directives to display nested object structure smthng like this:
[
{
name: String("Name1"),
key: ...
0
votes
0answers
36 views
Same modal from different states
I'd like to achieve that
when a modal dialog pops up then the background will be the last active page.
I'd like to organize my code around states, so I would prefer those kind of solutions which use ...
0
votes
0answers
49 views
remove clicked item angularjs
I have a click event where I want to remove from scope an element with a given id
<a data-placement="bottom" ng-click='Off(product.productid)'><i class="fa fa-times"></i></a>
...
0
votes
0answers
10 views
Angular-bootstrap modal disappears in IE8
When $modal from http://angular-ui.github.io/bootstrap/ (0.10.0) is opened in IE8, it briefly appears and then disappears.
Angular version is 1.2.17.
Loading angular-ui-ieshiv does not help.
0
votes
0answers
28 views
Modal window promise in Angular resolves twice
I am using the modal directive in angular and capturing when the modal closes using the result promise. For some reason the promise is resolving twice even though I only have one instance of the ...
0
votes
1answer
16 views
using angular-ui bootstrap typeahead how do i fetch values from json to feed in to two different input tags
I have done an autocomplete from a json file in an input tag, the json file has multiple attributes, i want a separate input carry a different attribute from the json file, eg: one one input should ...
0
votes
1answer
21 views
Angular UI Bootstrap DatePicker - get selected date on close / blur
I have an ng-repeat with each row having multiple UI-Bootstrap Datepickers. I am trying to call a function in my controller when the date is selected and the picker closes. I have tried using UI-Event ...
0
votes
1answer
11 views
Conditional styling of bootstrap accordion-heading directive
Any tip on how to set conditional style of angular bootstrap directive accordion-heading without doing changes in original .js? Adding ng-style or ng-class does not have any effect.
NOTE: I want to ...
0
votes
1answer
30 views
When checking the website on an IPAD AngularJS
I have developed a web application using AngularJS & PHP, it works fine on chrome & firefox but have issues loading on IE due to number of JS files, i will have to reduce them to make it work ...
0
votes
1answer
33 views
Angular accordion and popover overlay
I'm using http://angular-ui.github.io/bootstrap/ accordion and popover inside accordion.
But Popover and accordion creates overlay and popover block displays only inside accordion.
Html code:
...
0
votes
0answers
37 views
Unsure what Unknown Provider: $attrsProvider <- $attrs means?
I am encountering the following error when I run my Karma Unit Tests:
Error: [$injector:unpr] Unknown provider: $attrsProvider <- $attrs
...
0
votes
1answer
18 views
Bootstrap3 : navbar-fixed-bottom conditionnaly hide depending on content lenght
I would like to have a bottom navbar sticking to the bottom of the page when shown with the following behaviour:
* shown:
1. When the page content height is smaller than the page height
2. ...
0
votes
0answers
8 views
AngularUI - Get non-valid datepicker value
I have a datepicker with an editable input and a button and would like to catch the value even if it is not a valid one. The problem is that datepicker sets the value to undefined as soon as it ...
0
votes
1answer
24 views
Cannot set z-index on Angular UI dropdown-menu inside ng-grid
The problem is I cannot get dropdown menu to show on top of ng-grid. I've even tried manually setting the z-index property on every element via FireBug but still cannot get it to work.
I'm hoping ...
2
votes
1answer
35 views
How to have ng-grid extended to the full width when it's created hidden?
I find that when a ng-grid is inside an accordion and is initialized with the accordion closed, the width of the ng-grid header and rows are set to a fixed 100px, instead of extending to the full ...
0
votes
0answers
23 views
Angular UI Router redirect when using child states with tabs
I'm using ui-router with angular and having trouble routing back to the parent view when using ui-bootstrap tabs.
The navigation is at the top of the app is using for example www.appname.com/route ...
0
votes
1answer
14 views
angular ui.grid [[object HTMLDivElement]] will be displayed instead of data in every cell
I'm using angular 1.3 and angular ui bootstrap and ui-grid 3(because of rtl support).
Here is the plunkr.
0
votes
0answers
17 views
Tab select event is triggered when I am navigating away
I am using the Tab directive and the select expression to trigger a method when the tab is loaded. But the event is also triggered when I am navigating away from the site. How can I avoid this?
I ...
0
votes
1answer
33 views
Showing a google map in angular-ui modal?
Trying to load a simple google map within an angular-ui modal. However no luck. The data get's passed in fine, but nothing works in terms of the map... Please help.
...
google-maps
0
votes
1answer
35 views
Custom Validation With Angular Bootstrap Dropdown
here's the situation. I've got an angular bootstrap dropdown that displays a list of "organizations" to be selected. It looks like this:
<button type="button" class="btn btn-primary ...
0
votes
0answers
33 views
Build a Angular UI multi-level Dropdown menu
all
I have been experimenting with angularjs and all the interesting stuff with angularjs. I tried to build a existing responsive dropdown menu with angularjs and angular-ui and came across
...
0
votes
0answers
33 views
ng-model of select not accessible in controller
I am using the tabs directive from the UI Bootstrap Library (0.11) together with Angular (v1.3.0-beta.10).
In my Tab I use a select Element and bind with a variable in my scope. If I change the value ...
-2
votes
0answers
15 views
how to display error message based on the previous drop down value using angularjs [closed]
div class="form-group" ng-class="{'active': field == 'contactPerson',submitted }" >
Correspondence
...
2
votes
1answer
46 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">
...
0
votes
1answer
31 views
display binary image from db to angular partial view
I was trying to display image which is coming within the json object returning from an web api request. I'm able to display string, number and date/time in my angular partial but couldn't get the ...
-2
votes
0answers
19 views
UI-Bootstrap AngularJS no pass Data bettwen Controller
I'm creating a App with AngularJS and Need pass Information between 2 Controllers, the first controller it's main controller and second controller it's the Modal Controller, but when try to pass ...
