Tagged Questions

0
votes
1answer
31 views

Angular UI - Watch value from input in Popover Template

I'm trying to create a directive which uses the Angular Bootstrap Popover, which contains an input. Everything works fine, except the watch is not triggering. Here is a Plunker. The directive looks ...
0
votes
0answers
46 views

How to invoke a modal from a controller in angularjs / ui-bootstrap?

I am trying to display a modal (Note view) from a controller (Details controller). I have separate controllers tied to each view. The Details view has a list of radio buttons and upon selecting a ...
0
votes
2answers
34 views

Angular UI Bootstrap DatePicker customClass function not firing inside $watch

I am trying to have my datePicker update when its scope changes. I have added a watch but this seems to prevent the customClass function from firing. Directive HTML <datepicker-calendar search-...
0
votes
0answers
45 views

Angular-ui modal and phalcon, error sending data into modal controller from $http

I'm using the angular-ui modal directive. And tried to fetch data from my phalcon controller, but I get an error: Fatal error: Uncaught Error: Access to undeclared static property: Phalcon\Di::$...
0
votes
0answers
33 views

How to display a font-icons instead of image in Uirouter state and uibreadcrumbs

Note: below code is working fine with images. Need to know how to implement for font-icons, when I have to click the product menu, the page will redirect to the product page, product page menu will ...
0
votes
0answers
28 views

Unable to set custom validation error in angularjs directive with angular ui bootstrap datepicker popup

I have created a custom angularjs datepicker popup directive. It is just a wrapper over the angular ui bootstrap datepicker popup. When i set the max-date/min-date in the datepicker options, the ...
1
vote
1answer
47 views

Angular Nested Filters & Infinite $digest Loop

I (like so many others) have run into an issue with the infinite $digest loop. After reading many SO Q&As and spending plenty of time in AngularJS documentation I am still not certain how to build ...
0
votes
1answer
25 views

angularjs ui grid columns and menu options issue

I am using angularjs ui grid in my application with menu options. The Total column is not appearing in the grid and also in the menu options under columns none of the grid columns are visible. Can any ...
0
votes
1answer
317 views

How to add uib-dropdown to a uib-tab to create a simple dropdown menu on a tab made with angular bootstrap?

i'm a novice when it comes to angular js (v1.5) and i'm currently working on a project using angularjs(v1.5), bootstrap 3, UI Bootstrap. i tried to add the dropdown directive to the tabs directive as ...
0
votes
1answer
68 views

Bootstrap alert message is not working inside angular run blocks under ui-router?

I am doing sample application to autologut if user is idle for 30 Min. before 1 minutes to logOut have to show an warning message to the user. So i have calculated the minutes and show the warning ...
0
votes
1answer
92 views

ui bootstrap datepicker not taking js Date() object as string

I am using ui bootstrap datepicker in my project, when i am getting data from database the type of this date value Thu Aug 11 2016 00:00:00 GMT+0530 (India Standard Time) is string when i am using ...
1
vote
0answers
153 views

Dynamic Bootstrap Carousel 3 items as Active

I am trying to create a dynamic carousel in angular js and would like to have 3 items in each slide. the issue is that the first 3 items should be wrapped around the "active" class and all the next ...
1
vote
0answers
149 views

Angular UI Bootstrap loses focus of field after selecting date

After user selects the date, I want to focus to stay on the calendar input field. Currently, the focus will stay if the user selects "Today" "Clear" or "Close" but not if they select a date. I ...
0
votes
0answers
29 views

Telling angular to pickup a dynamically added directive

I am creating a bootstrap popover and I'm trying to use a directive in the content of the popover. I use the following HTML: <div data-animation="false" data-template='<div style="width: ...
0
votes
1answer
315 views

how to select default value of ui select?

could you please tell me how to set default value in UI -select . here is my code http://plnkr.co/edit/tCrEM4oC9iMSYZffbEAX?p=preview I want "Adrian" should select as by default .could you please tell ...
2
votes
2answers
509 views

how to select value in UI select value?

could you please tell me how to select value in UI-select value ? Actually when user select any name I want to select age of item .Here is my code http://plnkr.co/edit/InxOyQRjrlrDJtx2VuzI?p=preview ...
9
votes
3answers
566 views

Datepicker-popup formatting not working when value set initially in scope

I am using the Angular UI bootstrap date picker popup using this custom directive on Plunker (http://plnkr.co/edit/053VJYm1MpZUiKwFTfrT?p=preview): //Module var userModule = angular.module("...
0
votes
0answers
20 views

Context Menu(menu from partial page) using AngularJS

I having a table. If I left Click on a more column in a row. It should show a context menu in that cursor point. That context menu should populated from partial page. Partial page contains menu ...
1
vote
0answers
29 views

How to use ui-bootstrap-paginagion in AngularJS directive

I create a directive to show data in table. I want to add pagination to this. I use it like: app.directive('myTable', function ($compile) { return { restrict: 'E', link: function (...
0
votes
0answers
320 views

UI-Bootstrap datepicker popup - adding a custom formatter/parser directive throws $compile:ctreq

Let's say my app receives dates as strings in truncated ISO8601 format yyyy-MM-dd(only date component, without time and timezone). Ui-Bootstrap datepicker popup won't display the date properly as is ...
2
votes
4answers
3k views

Angularjs typeahead example is always not working

I am trying to use a case on angularjs typeahead now, but it is always not working, am I forget to import some js files? please help me out, thank you Html: <!doctype html> <html ng-app="...
1
vote
1answer
89 views

Dynamically load Angular UI-Bootstrap accordian from controller

I'm using an array in my controller to store a list of names. Depending on the company the user clicks on, however, that list will obviously change many times after the page is loaded. I have a ...
0
votes
3answers
241 views

$scope variable not changing in controller when changed using directive

I tried in all ways (keeping the scope to false, etc but not able to change my scope in controller),am I missing something. directive: angular.module("ui.materialize.inputfield", []) ....
2
votes
1answer
870 views

$uibModalProvider <- $uibModal <- StatusModalService giving error

Trying to built a modal with angularjs and ui-bootstrap: Version Angularjs and its component is 1.5.3 ui-bootstrap-tpls-1.3.3.js. In main app file I have included 'ui.bootstrap' as var App = ...
0
votes
0answers
89 views

How to show dropdown on click of icon

How to show option in popover on click of icon which is present in list? I am using bootstrap. I have a list.In that list I have one icon. I want to show popover on click of this icon. I want to show ...
0
votes
0answers
35 views

Angualr JS UI bootstrap slideshow

I have no idea why I screwed up, initially it was working fine then when I refresh bracket.io suddenly everything was gone. Any kind soul out there please help. I might have alter the codes too much. ...
0
votes
1answer
465 views

Why my angular directive doesn't work?

I have a directive that is triggered when clicking on a button. The function inside the directive simply has to change the property value of the field. So what I try to do is to change from 'popover-...
0
votes
2answers
39 views

Directive with js-call in the template - method does not get called

In my angular app, I have an alert-service, which handles the list of alerts. I then have a directive, which renders all the alerts to the page. I use the UI Bootstrap components. However, the close ...
0
votes
2answers
51 views

Accordion directive, tabs not closing do click

I am in the process of replacing all my bootstrap.js components with their respective angular counterparts using UI Boostrap. So far so good, but i can't seam to figure out to keep only the active tab ...
-1
votes
1answer
686 views

AngularJs ui.bootstrap - Modal show error [$injector:unpr]

i am trying to use angular ui.bootstrap to implement some functionality like this but this shows an error [$injector:unpr] http://errors.angularjs.org/1.5.2/$injector/unpr?p0=%24modalProvider%20%...
1
vote
2answers
880 views

Angular UI Bootstrap modal display during $http request

I am trying to create a directive that uses angular ui bootstrap modal. I would like to open this directive from my controller when a $http request is made, and close it when the request resolves. I'm ...
1
vote
0answers
181 views

AngularJS/Bootstrap: How to fix accordion-heading on the top while scrolling

I have directive having a template of an angularjs accordion list as follows, where each accordion-body section has a long content. So, when I expand an item in the list and scroll down to view all ...
2
votes
1answer
698 views

angular custom directive two way binding not working inside uib modal

I'm having difficulties with a custom directive two way binding inside uib-modal. The directive gets the model variable from the uib-modal scope, but on change, the model in the uib-modal isn't ...
0
votes
2answers
467 views

Extend Angular-UI Datepicker directive

I have been using the ui-datepicker from Angular-ui-bootstrap a lot, but every time I use it, I need to set it up, the same way I do every time. So I was wondering if I could create a directive called ...
1
vote
1answer
184 views

Typeahead seems to lag one $http request behind, whats the bug here?

I know Customizing out of the box typeahead directive is not a good idea, so went ahead and created another directive called type-ahead-custom for my customization. here's plunker https://plnkr.co/...
1
vote
0answers
28 views

How can i register third-party directive with another name?

I am upgrading my app from ui-bootstrap 0.11 to to 1.1.2. As a part of the upgrade i should prefix the directives with "ui" for example, tab should become ui-tab. I want to avoid this huge replacement ...
4
votes
1answer
3k views

How to add animation to angularjs uib-alert directive

I want to add fade-in animation for new alerts pushed into array and fade-out for dismissed alerts. Alerts are dismissed automatically after 5 seconds. I've already included angular-animate ui-...
5
votes
1answer
151 views

UI Bootstrap modal in directive- multiple modals but only one opens

As seen in this Plunkr, I have two modals, each in separate directive of modal-one and modal-two. The problem is, that only modal one is being opened, even when clicking on modal two button. I guess ...
0
votes
1answer
67 views

Angular UI Drop down scope variable updated from directive does not update the scope

I have written a directive that updates a scope variable based on the key pressed. The code works fine for me but the variable does not get updated till focus is put back on the dropdown or pulled off....
2
votes
1answer
859 views

How to include angular-uib star rating in ui-grid?

I've been trying to include uib star rating in ui grid using the celltemplate field but it returns an error "Uncaught SyntaxError: Unexpected identifier". After a little debugging i found out that it ...
2
votes
1answer
280 views

how to use angular expression value as an attribute for html element

I have a scenario where i need to apply different directives (attribute) to a DIV inside a Angular bootstrap Modal at runtime (button click). I would know the name of the directive to apply. But i am ...
1
vote
1answer
171 views

ng-class or ng-style directive not working in ui bootstap carousel

I am using UI Bootstrap Carousel and need to do some customization in it so that user have access of configuring options such as text color, navigation show/hide, etc.... For this i have used their ...
0
votes
2answers
160 views

How to pass a list of a picklist component (boostrap) via POST (ajax) to my Java controller - AngularJS

Project: jsp + AngularJS I have a modal, where I already pass some info to my java controller via POST (ajax), it works fine. But, I inserted a new component and I do not know how to receive my ...
1
vote
1answer
221 views

Datepicker In Bootstrap AngularJS

I have Datepicker directive in my application. There's today button on top as well. Well, now I want to show todays's date in the text box when one clicks on Today. How can I acheive that?
0
votes
1answer
405 views

Angular-ui Typeahead directive calling factory

I'm trying to use a factory within the directive's controller, but it doesnt populate the typeahead as it should. By using $http.get directly inside the directive, it works perfectly. Typeahead html ...
0
votes
1answer
393 views

$sce.trustAsHtml returned value not compiled by $compile

I'm trying to make a custom popover with html by using angular bootstrap-ui popover with fullcalendar's events as described here: Getting Angular UI Calendar to work with UI-Bootstrap Tooltips But I ...
1
vote
1answer
391 views

Issue with carousel in modal using ngAnimate and angular-ui

I am updating this question to fit better the topic, looks like there's a conflict between Angular v1.4.8, Angular Animate 1.4.8 and Angular Bootstrap 0.14.3, after including ngAnimate as dependency ...
0
votes
1answer
472 views

Angular Directive not executing on UI Bootstrap Modal open

I have a one-page site that I am building out and this is my first time using Angular on a site. Building it on top of Laravel too for the backend but that is beyond the scope of this question. I ...
1
vote
1answer
249 views

handling an array of alerts in angular

Ok, so I'm trying to teach myself angular but I'm stuck on something I want to accomplish. Basically, it's a simple form built with UI Bootstrap. I want an info alert box to show up whenever the user ...
2
votes
2answers
8k views

ui.bootstrap- directrive with uib-popover-html doesn't work

I am trying to create a directive with popover. I want to use ui.bootstrap for this. Unfortunately it doesn't display anything. Here is the plunker with example. <div> Popover uib (...

1 2 3 4 5