new

Stack Overflow for Teams

A private, secure home for your team's questions and answers.

Learn more

  7. current community

    your communities

    more stack exchange communities

    company blog

Tagged Questions

1
vote
0answers
51 views

In AngularJS validation, I want to display error message with ui-bootstrap tooltip

environment AnuglarJS 1.6x ui-bootstrap2.5 I want to display error messages with tool tip on validation with AngularJS. I am referring to the directive created by the following jQuery and bootstrap....
0
votes
1answer
20 views

Why bootstrap uib dropdown won't work with the select element

When I run my angularJS (ver 1.4.9) app without the uib-.. directives, the select works but displays the items already open and the button does nothing. It won't integrate with the dropdown menu ...
0
votes
1answer
65 views

$parse Syntax Error when binding Angular Expression to Directive Attribute

Can't bind attributes on template using directive I can't seem to bind attributes on the templates using directives. Any help or suggestion would be great! It is giving me this error: [$parse:...
0
votes
0answers
20 views

How to include an angular-ui/ui-bootstrap directive within my directive

Using AngularJS ~1.5, I'd like the outer scope (my directive) to be available to the inner directive. Assume a simple template like: <h1>{{info.title}}</h1> <uib-something ngModel="...
0
votes
0answers
35 views

Watch functions accumulate when Angular UI modal is opened

I have the following code in a directive. The directive is included in an Angular UI modal: var watchObjects = function(){ scope.vars.forEach(function(elem,i){ scope.$watch('vars['...
0
votes
0answers
39 views

Event registration in directive embedded in $uibModal

I have a modal (using Angular-Bootstrap's $uibModal) and this modal hosts a directive <my-directive>. This directive is designed to be reusable in multiple containers and hence it communicates ...
0
votes
0answers
17 views

AngularJS Auto Complete after every word with Angular UI Bootstrap

I am looking for the feature exactly like https://jsfiddle.net/qoafyw16/ which is exactly like what is used by phpmyadmin This is the link i just found. I am trying to merge it with Angular UI ...
0
votes
0answers
84 views

Dynamic update for data-interval on bootstrap js carousel

I use Bootstrap JS Carousel in my project and develop a switch button so that I can control the automatic slide it has as a built-in feature: "data-interval". When data-interval=false the carousel ...
5
votes
3answers
285 views

Avoid using $timeout in Angular UI Modal

In this plunk I have an Angular UI Modal wrapped in a directive. From the controller, I call a method to open the modal, but to do so I need to use $timeout, otherwise, the DOM hasn't finished ...
0
votes
1answer
31 views

Pass form to directive that lives outside of the form

I've looked up to 10 pages deep on Google and can't find and answer to this one...so hopefully, there IS one. I would like to access a form (specifically, it's validity) from outside of the form. I'...
1
vote
1answer
69 views

Save Form data from Popover in Angularjs

var App = angular.module('myApp', []); App.controller('myPopoverCtrl', function($scope){ $scope.myPopover = { isOpen: false, open: function open() { $...
1
vote
2answers
154 views

Angular UI Typeahead custom directive - model not updated on select

I made custom directive that use Angular UI typeahead directive inside, but not working as expected. In my directive model is not updating on select. Anybody helps with that ? For testing i used ...
0
votes
1answer
403 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
246 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
250 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
84 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::$...
1
vote
1answer
63 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
41 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
778 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
223 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
313 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 ...
2
votes
0answers
398 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
343 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
36 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
1k 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
3k 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
980 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("...
1
vote
0answers
34 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 (...
3
votes
4answers
8k 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
112 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
754 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", []) ....
1
vote
1answer
2k 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
1answer
653 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
45 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
60 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
1k 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
1k 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
1answer
292 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
861 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
741 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
261 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
31 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
4k 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-...
4
votes
1answer
358 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
94 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
1k 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
397 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
238 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
210 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
412 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?

1 2 3 4 5