Tagged Questions
0
votes
0answers
11 views
How do I inject an angularjs service into a ui-bootstrap modal controller
I'm a newbie with Angular and ui-bootstrap and I'm trying to inject an API service into my login modal controller. Despite all the various discussions here and elsewhere I just can't seem to make it ...
0
votes
2answers
18 views
angular bootstrap ui tabs select option not working
I have overriden angular ui tabs directive, the following is the plunker fro the same http://plnkr.co/edit/VABthzUwp50QpS16Gwuy?p=preview. Now my requirement is that when I select a tab, I need the ...
0
votes
1answer
17 views
Angular how to get route id at resolve block?
How can i get "pageid" inside resolve block?
For every url change i had to request the server, along with the "pageid"?
My code:
app.config(function($routeProvider){
$routeProvider
...
0
votes
1answer
18 views
Angular js and bootstrap ui date picker not open in chrome on clicking on icon
I have date picker in angular using bootstrap UI. This code is working very fine in IE but its not get open in chrome. As after calling the method open () input box get focused but date picker popup ...
0
votes
1answer
24 views
Getting the Angular Typeahead to work with JSONP and JSON with properties
I've been pulling my hair out trying to get the $http.json() to properly return a result set of objects. I have locally stored examples of the same response and they work fine.
Can anyone look at ...
-1
votes
1answer
15 views
NVD3 /D3 line chart(in bootstrap popover ) getting cut in chrome working well in firefox
Showing charts in Bootstrap popover directive. I am providing height and width.
It is working as anticipated in firebox but in chrome its getting cut. Once i am play around with chart it would ...
2
votes
2answers
31 views
angular js for handling UI, validation and exception management
I am new to angularJS and I went thru this tutorial on it but did not find anything pertaining to how to create or handle UI elements like modal windows, date controls, file upload with progress bar, ...
0
votes
2answers
45 views
Angular gives blank page when i use ui.bootstrap in my controller
I am trying to use the the angular bootstrap when i try to add the dependency in my controller and start the server with grunt serve i get a blank page.Please have a look at the bower components in ...
1
vote
1answer
27 views
AngularJS scope issue with a UI-modal window
I'm using the UI-bootstrap modal window in my Angular application and I'm running into some kind of a scope problem.
I've got a modal dialog which basically has two modes. At first, it displays a ...
0
votes
1answer
36 views
AngularJS UI-Bootstrap Modal
Below is my angular code I am not getting any errors, the model opens up but the ModalInstanceCtrl functions cancel() and ok() do not want to work, however If I right out the controller exactly like ...
0
votes
0answers
18 views
Uncaught ReferenceError: ui is not defined for UI.Bootstrap
I added "ui.bootstrap" for my application to use ToolTips. After adding "ui.bootstrap", my application is not loading. I think im missing something but not sure, what and how i can fix this?
Can ...
0
votes
0answers
16 views
slide toggle from left to right in angular js
I am using hide and show an element using the angular JS . Angular toggle collapse working fine from slide up and slide down. How can I do the same thing sliding from right to left with some ...
0
votes
0answers
23 views
AngularJS $modal hoverover popup
I would like a hover-over popup that displays only when I'm hovering over an element on the screen. I'm currently using $modal for modals and thought maybe I could use it. The problem I'm running ...
0
votes
2answers
18 views
Angular bootstrap tabs- refreshing a tab with a new html
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/VABthzUwp50QpS16Gwuy?p=preview
The ...
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
1answer
24 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
28 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
28 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
42 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
36 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
20 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
15 views
Popover directive angularjs containing urls which on click opens in new window [closed]
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
21 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
votes
1answer
13 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
44 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
26 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
43 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
32 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 ...
-1
votes
1answer
59 views
What is the major difference between using Bootstrap Angular, and Ionic Angular? [closed]
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
16 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
19 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
28 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
36 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
32 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
39 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
31 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
20 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
27 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
31 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
35 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
41 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
30 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
41 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
28 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
0answers
28 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
35 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
41 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
39 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
...
