7
votes
1answer
2k views

Angular UI select2 directive - updating the model programmatically not reflected on the widget

I'm trying to update select2 model programmatically and for the view to refresh but it doesn't seem to work. Here's a sample plunker forked from the Angular UI project: ...
4
votes
1answer
341 views

ui-codemirror placed within custom directives fails without an error

I am trying to use ui-codemirror angular directive from code mirror angular library and the use case is that I have to place it within a custom directive . But when I place it within a custom ...
2
votes
1answer
155 views

Persist GoogleMaps map object between views in AngularJS

I have decided to use AngularUI Map plugin to render Google Maps map within one of my views. The template looks like this: <div id="map"> <div ui-map="map" ui-options="mapOptions" ...
2
votes
1answer
2k views

AngularJS and Directive Scope with Template not populating

I am having issues working with direvtives and their scope. I've created a directive for getting all the members of a site and put them in a div, like so: EngagementApp.directive('siteMembers', ...
1
vote
1answer
77 views

how to make Generic method for rest call in angularjs

how to make Generic method for rest call in angularjs ? i have tried for single request, it's working fine UIAppRoute.controller('test', ['$scope', 'checkStatus', function($scope, checkStatus) { ...
1
vote
1answer
221 views

making a ajax call to populate scope data in angular js

Hello i have a angular js controller like this function InstantSearchController($scope){ $scope.items = [ { url: 'http://tutorialzine.com/2013/04/services-chooser-backbone-js/', ...
1
vote
1answer
231 views

Display AngularJS TreeView collapsed

I am using angular tree-view. I am referring below url. http://ngmodules.org/modules/angular.treeview It is displaying as expanded. but i want to display as collapsed. when the node is clicked then ...
1
vote
1answer
270 views

Angular: How to click on modal button when user hits Enter?

I have several Angular UI Modals. Every modal has a Cancel button and an "Action" button (which can be Create, Delete, etc). I use the ui-keyup directive from Angular UI to identify when user pressed ...
0
votes
1answer
23 views

AngularJS model changes not shown in GUI after directive changes it

I am having an issue where I have a model: <div ng-model="currentAudio">...</div> I have a button (within and ng-repeat in the div of the model above): <button ...
0
votes
1answer
68 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
55 views

how to do filter using range slider in angularjs

In my application, I have used pricing slider. When I change minimum and maximum value of pricing slider, I need to filter based on the range. In angularjs, how to do this one. Can you please any one ...
0
votes
1answer
66 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
361 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 ...
2
votes
0answers
611 views

Use all google maps API features in AngularJS

I am working on a project relying on AngularJS where I need to locate all airports in the world and link them with lines. To do so, I searched for some existing projects that set angular directives ...
2
votes
0answers
1k views

Angular Twitter Bootstrap - popover - how to add a line breakup

Please let me know how to add a line breakup in bootstrap popover. My controller code: ..... ...... $scope.title = "Test Title"; $scope.content = "Line1 <br/> Line2"; ........ ......... HTML ...
1
vote
0answers
82 views

angularjs ng-click not working inside the pop over directive

I added some buttons in the pop over template. when the page finishes the first loading, click on the element on the page, shows the popover, click on those buttons, every one works fine. But when ...
1
vote
0answers
43 views

Ui mask partial value

Hi for the UI mask in angularui is there a way to only grab a portion of the value from the input box? For example: <input type="text" name="myInput" ui-mask="999-999-9999" ...
1
vote
0answers
234 views

$setPristine() does not work properly if form control has invalid data

I am trying to reset form using $setPristine(). $scope.resetDataEntryForm = function() { $scope.dataEntryForm.$setPristine(); $scope.pr = {}; }; It works fine if all the input controls in ...
1
vote
0answers
337 views

How to make AngularJS slider work with angular ui tabs?

I would like to add a AngularJS slider (http://prajwalkman.github.io/angular-slider/) inside of a angular ui tab (http://angular-ui.github.io/bootstrap/#/tabs). However, the slider does not work when ...
1
vote
0answers
139 views

Layouts in angular

I am trying to develop a simple directive which can take a option of layout configuration. Lets say i want to render something like this on the page I want to render this 4 co-ordinates in one ...
1
vote
0answers
204 views

Add ng-model to a dynamic directive

I'm trying to create a dynamic directive in an ng-repeat using this code: app.directive('element', function($compile) { return { restrict: 'E', link : function ...
1
vote
0answers
251 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 ...
1
vote
0answers
1k views

Why is my input type date value not set using Angular?

I have this HTML: <input type="date" date="MM-dd-yyyy" required data-ng-model="customerFormData.customer.BirthDate" /> And this is my directive (from this fiddle of P. Kozlowski) ...
0
votes
0answers
7 views

Angularjs paginator different actions return to the same page

Put the case you have got a list of users. In the row of each user you've got different button for different actions like suspend (become un-suspend) ban (become un-ban) to manage both the ...
0
votes
0answers
18 views

Updating “treedata” model array in angular-tree-control will not update the UI. Why?

I am using angular-tree-control of wix: http://wix.github.io/angular-tree-control/ The main problem is to understand how to update the UI tree with new children nodes, not by clicking on the folder ...
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
35 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
50 views

Add Checkbox to header of ng-grid. At time maximum 2 checkbox selected

[Diseregard checkbox in row in below picuter but] I want to have checkbox besides four header i.e. Maths, Physic, Chemistry and Biology. I also want to this checkbox behave similiar to redio button ...
0
votes
0answers
51 views

getting offset().top of angular bootstrap tab contents

I have a two tabs set up like so <tabset> <tabA> <tab-heading> </tab-heading> <div resize> </div> </tab> ...
0
votes
0answers
27 views

XSS attack in title-tag angularjs

for value "><script>alert('xss');</script> Print value is coming fine because of ng-bind but for title I am not able to stop XSS scripting to run. Is there anything from angularjs ...
0
votes
0answers
32 views

Compilation order of uiTinymce vs ngModel

I have managed to get uiTinymce working in my application but am looking for an explanation of what's really going on because I should not have had to do what I did. I started with this html: ...
0
votes
0answers
28 views

checkbox group directive showing this.ngModels is undefined error

I am using a checkbox group directive and here is the example: http://jsfiddle.net/Alien_time/pWQWG/3/ This checkboxGroup is used to add a ng-required condition so atleast 1 (or the number specified) ...
0
votes
0answers
104 views

$scope.object is undefined angularjs

Can you please assist in finding why $Scope.notify is undefined, infact the other function is working totally fine. services.js [ postmain and allresults are working fine but not notifyadd??] ...
0
votes
0answers
71 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
73 views

ng-grid how to change gridOptions properties

I am a bit of an angularjs newbie, I am trying to change the enableCellEdit property to 'false' on my grid after changing a value in the 'age' column. This triggers the following event: ...
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
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
153 views

angularjs ngupload how to a show loader

http://ng-upload.eu01.aws.af.cm/ if you run the first example you can see a simple loader please wait ... but I didn't find a way to integrate in the code example <form ng-upload="bar" ...
0
votes
0answers
423 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
191 views

Angular ui typeahead from an array of objects - how to get the select value

I'm using typeahead angular bootstrap which is a very neat directive, but I'm encountering a difficulty to get the select value when using it with an array of objects (needed for a custom template ). ...
0
votes
0answers
65 views

In template of the directive i had added the click event which was handling in the link .But the issue is that the function is calling two times

this is my directive .IN this i had added the ng-click for the li with the display of the item name but the function is calling for two times .Any one can you please explain it was happening .below ...
0
votes
0answers
52 views

AngularUi tinyMce setup

How can I setup the toolbar of tinyMce editor? I'm usin angularUi directive. I'd like to show only a simple toolbar with text formatting like "bold,italic". Here's a ...
0
votes
0answers
78 views

In angular, how can I change the view after certain seconds?

I have my current view as so: <div class="television-container"> <div class="screen" ng-controller="TelevisionScreenController" ng-include = "currentChannel"></div> <div ...
0
votes
0answers
54 views

ui-date day start TO day end

i use ui-date (https://github.com/angular-ui/ui-date) in my project. i have problem with changing options realtime in controller. HTML page <input ui-date="startOptions" ng-model="dateStart" ...
0
votes
0answers
70 views

in angularjs-bootstrap accordions heading, event bubbling

I use accordions, I add a checkbox in heading. However, I can't change the cheeckbox's value. http://plnkr.co/edit/o6DS6tevhhlnZO2DbWhB?p=preview
0
votes
0answers
35 views

Angularui keypress is not working alongside custom directive

I have implemented a custom angularjs directive for blur events in my views to solve the problem described in this question. Now i am unable to get AngularUI's keypress to work alongside this ...
0
votes
0answers
97 views

how to apply directive dynamically

I have a directive called "autocomplete" which implements the jquery autocomplete functionality. Then I have an input element like so <input auto-complete='getSource'>. This works fine and ...
0
votes
0answers
632 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', ...
0
votes
0answers
294 views

use directives in dynamically added overlay

I'm using html5 templates to display a change password form inside a bootstrap overlay. This password form is supposed to be using the ui-event directive in order to get our standard validation to ...
0
votes
0answers
246 views

Custom Directive ,isolated scope and form validation

I need to create the following component <input type="text" bp /><button><i class="icon-search"></i></button> i have defined the form and form validation for it ...