Tagged Questions
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
...