1
vote
3answers
231 views

Angular.js <input type=“date”> change format of submitted value

<label>From</label> <input type="date" ng-model="startDate"/> <label>To</label> <input type="date" ng-model="endDate"/> <button class="btn btn-success" ...
0
votes
3answers
4k views

angularjs calling modal dialog from directive

I've created a directive to open a modal dialog. Here's the code: [EDIT] JSFIDDLE HERE: http://jsfiddle.net/graphicsxp/fcQZk/8/ PROBLEM: THE CLOSE BUTTON DOES NOT CLOSE THE MODAL. ...
0
votes
2answers
56 views

Conditional directives

Depending of one directive logic I want conditionally add another directive to the SAME element. For example: I use 3rd party angular.bootstrap.tooltip directive add tooltip ONLY IF some condition ...
0
votes
2answers
152 views

Angular dynamically inserted directive

I build an app based on angular + ng-ui-bootstrap + ng-googleCharts I want display google charts data table containing a ui.bootstrap popover in certain cell. I populate rows of table with data from ...
0
votes
2answers
223 views

How to assign value to ng-model definition

I am using ui-bootstrap for typeahead in my application. <input type="text" ng-model="newItem.id" class="form-control"> <pre>Model: {{customSelected | json}}</pre> <input ...
0
votes
2answers
434 views

trying to use angular-ui-bootstrap radiobutton directive with ng-repeat in an angular project

So... I'm trying to generate a radiobutton group using ng-repeat: <div class="btn-group yb-radiobuttons"> <button type="button" class="btn" ng-model="radioModel" btn-radio="'all'">All ...
0
votes
2answers
333 views

Use full screen modal on route change

I want to implement a full page modal that overlays immediately upon another page when a route is triggered. How can I accomplish this on AngularJS? I use Angular-UI's modal directive to open modals, ...
4
votes
1answer
631 views

Angular UI/bootstrap typeahead showing 'Error: No controller: ngModel' error

In my application I am calling an http service to get data and I am using angular-ui bootstrap's typeahead directive (ui-bootstrap-tpls-0.6.0.min.js). I have a partial that has a form that mentions ...
1
vote
1answer
58 views

Angular: Staying DRY With Angular-UI Pagination?

I'm using the angular-ui:bootstrap pagination directive on multiple views which interact with different controllers; these views/controllers often have to interact with sorting and filtering, which ...
1
vote
1answer
67 views

Angular JS not working in subpages

I have a HTML page that works as a container of different HTML sub-pages/Usercontrols. I use Ajax get of jquery to load the HTML of the sub page in the container page. I am using a angular js ...
0
votes
1answer
61 views

Angular UI Bootstrap - Collapsing tab content

Using the AngularJS UI Directives for bootstrap, is there any way to collapse the tab content using the tag? I have several tabs/pills with content, which will start collapsed (hidden). When any of ...
0
votes
1answer
18 views

AngularJS: Tab panes vary in HTML markup, I want them to be created dynamically and filled with data provided by factory service

I'm building a tabbed interface for displaying posts from various social networks (timelines) but not all tabs will have the same HTML markup. My factory service is returning JSON response so that ...
0
votes
1answer
61 views

Add an ID to datepicker of angular ui bootstrap

here is my code after each dateHolder div a date picker is generated.. but want an ID on them <div class="col-xs-12 tn-dateContainers" ng-controller="DatepickerDemoCtrl"> ...
0
votes
1answer
327 views

AngularJS controller, required by directive, can't be found (solved)

I have an error for each "message" Error: [$compile:ctreq] Controller 'accordion', required by directive 'accordionGroup', can't be found! with my code in html <h2 ...
0
votes
1answer
48 views

Capture Posted Data from other website to AngularJs

I want to prepare secure application in AngularJs, which handle payment related common website(means we can get request from multiple website for payment in secure website). Now issue I am facing. ...
0
votes
1answer
47 views

AngularJs Controller scope in tooltip form

I am trying to implement a form in a tooltip , that is dynamically inserted. Th form on submits calls the function in person controller and input field is mapped with scope model. But the problem is ...
0
votes
1answer
91 views

General steps to create a custom module in Angular JS

I'm trying to create a custom module that is fairly similar to the modal provided in the ui.bootstrap library. I would like to be able to open and close it via a service, and pass some options. The ...
0
votes
1answer
35 views

Angular.js edit in place with password

This is my example here I want to add password protect, when i click to "Edit title". How can i do it? JS code: function ClickToEditCtrl($scope) { $scope.title = "Welcome to this demo!"; ...
0
votes
1answer
168 views

Angular: ui-bootstrap dropdown triggers empty watch

I have an interesting issue where an angular-ui-bootstrap dropdown toggle directive closes itself when another dropdown directive is added to the page at runtime. Upon debugging, it looks like the ...
0
votes
1answer
334 views

angular-ui dropdown-toggle [object Object] has no method parent

I've got a problem employing angular-ui Bootstrap in my project. Namely dropdown directive. By now i have HTML that is just a copy-paste from the examples: <ul> <li class="dropdown"> ...
0
votes
1answer
100 views

Wrapping angular-ui-typeahead breaks the on-select callback

I'm trying to wrap AngularUI's typeahead directive with my own directive so I can package up some shared data/behavior for easier reuse in my app: Plunker In the onSelect callback, why does the ...
0
votes
1answer
121 views

How to share data exclusively between a directive and a factory in AngularJS?

I want to build a modal directive with an Async API to open the modal. What I was thinking about is a factory that returns me the API object that manipulates the modal directive. Using Angular-UI ...
2
votes
0answers
82 views

extend the functionality of datepicker (ui bootstrap)

I am trying to extend the functionality of ui bootstrap for the datepicker. I wanted to use a draggable directive that I have already made for other elements, so I can drag the days. (The final ...
1
vote
0answers
69 views

Angular UI Bootstrap progress directive binding on Orbicular attr

I've done a bunch of searching and reading on this one but have come up at a loss. Basically, we have two plugins. Orbicular and Angular UI Boostrap. Orbicular is inserted using the following: ...
1
vote
0answers
35 views

AngularJS: Adding other directives via directive

I'm trying to create a simple pop-up indicator for when a form input has an invalid value. Right now, I have a service which handles setting the form values to invalid based upon the results of a ...
1
vote
0answers
248 views

Modifying an accordion to behave like a table

For 4 hours I have been trying to modify the accordion template to look and feel like a table row. Essentially, I want to have a table where each row element is an accordion group that when clicked on ...
0
votes
0answers
20 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
32 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
0answers
88 views

angular how to set attribute inside directive/template dynamically?

just started playing with Angular. I have several modal. same structure with header and footer. And the main part is a tree. I have data for three different tree. I am using angular ui. and abn tree ...
0
votes
0answers
33 views

Trying to get a string from Angular UI Modal via resolve object

I'm using the Angular UI modal directive: http://angular-ui.github.io/bootstrap/ I'm trying to pass a string from my modal open() function to my modal controller via the resolve object. I feel like ...
0
votes
0answers
23 views

AngularJS What is the correct way of cutting up your IHM

I'm now using Angular since a couple of months and i'm wondering if i'm doing it right as far as IHM organisation go. I've my Index page like this <html> <head> <all my script and ...
0
votes
0answers
220 views

Datepicker and Directives angular-ui bootstrap not working

I'm generate app with angular-fullstack and try to create Datepicker directives like this tuts ont angular-ui bootstrap:http://angular-ui.github.io/bootstrap/#/datepicker. but some how i always get ...
0
votes
0answers
137 views

angular UI bootstrap popup datepicker combined with ui.mask

I am using the angular UI bootstrap popup datepicker like the example here : http://angular-ui.github.io/bootstrap/#/datepicker When i combine this with the uiMask Directive ( ...
0
votes
0answers
130 views

AngularJS : Dynamically bind and select value in angulajs directive with bootstrap popover

I am using bootstrap popover and when user hover; it will display popover with dropdown and calendar. Inside link function of directive I am fetching list and binding dropdown. Binding is done ...
0
votes
0answers
68 views

Select text in input field of AngularUI modal when it opens

I'm using AngularUI modal in my app. Modal contains input field that is pre populated with some value. Request: When modal opens, text in that input field should be selected. I have made directive ...
0
votes
0answers
60 views

Jasmine: test extended angular directive

I'm extending ui-bootstrap-carousel. In order for my test to work, the original carousel directive must execute. This is working within the application (via myDirective.priority: -1). However, it ...
0
votes
0answers
43 views

Directive with ui-Bootstrap / $observe not working as intended

I just want to know when a ui-bootstrap dropdown opens or closes. For that, I created a directive with the following html : <li class="dropdown" ng-show="isApplication()"> <a ...
0
votes
0answers
36 views

angular typehead how to update results

I use standart angular typehead. <input class="cy-form-control form-control" placeholder="@Resources.WebResources.FirstStepSearchPlaceholder" ng-model="context.search.item" typeahead="item ...
0
votes
0answers
105 views

Angular Grid and Tabs

I am working on the Case where I have implemented Partial Functionality of Displaying the Grid inside the Tabs, Using Bootstraps UI tabs.. Issues I am Facing, Clicking on Link, I can Open the Tabs. ...
0
votes
0answers
418 views

customize angular-ui typeahead

I would like the typeahead popup to show a loading animation dependent on if some custom loading is being done in my controller. My view: <input type='text' typeahead="..." ...
0
votes
0answers
631 views

Angular UI Datepicker not functioning

No errors in the Javascript console, all resources seem to be loading, but the datepicker doesn't pop up when the input text field is clicked. app.js var app = angular.module('appform', ...