Tagged Questions
0
votes
1answer
31 views
How to toggle draggable with Angular directive
I added the JQuery draggable to the page using Angular JS directive. The code looks like this:
HTML
...
<table>
<tr ng-repeat="row in rows"
directive-draggable
...
0
votes
1answer
66 views
Wrapping the jquery-ui slider results in “undefined is not a function” error
The following is the beginning of a wrapper for the jquery-ui slider.
app.directive('sliderWidget', ['$timeout', function ($timeout) {
return {
scope: {
min: "@min",
...
1
vote
0answers
28 views
JQuery UI event callbacks in Directives
I'm building an AngularJS app and would like some pointers on the way I'm structuring my Angular code.
For this module, I'd like to be able to click a button that will add a Div to a specific "parent ...
0
votes
0answers
76 views
AngularJs + jQuery DatePicker directive + font awesome icon
Hi I am using jquery Datepicker in an angular app by wrapping it in a directive and its working fine
Now I need to make the datepicker dropdown work with the calendar icon, which is from ...
0
votes
2answers
346 views
Angularjs two way data binding on ng-repeat with directive
What I am trying to achieve: trigger an angular js directive on a jquery ui event which in turn calls a method in the controller, which adds a value in an array which should appear in the view because ...
0
votes
0answers
151 views
AngularJS directive is draggable but not droppable
I need to drag a directive object "abstractItem" into another directive object "topicItem". I cannot make either objects droppable using jQuery droppable, but I notice that I can make them draggable. ...
0
votes
2answers
294 views
jquery UI datepicker is missing style/css
I just googled this datepicker for use in angular. The problem is that the style/css is missing:
myApp.directive('calendar', function () {
return {
require: 'ngModel',
...
1
vote
1answer
312 views
AngularJS directive shares scope with ng-repeat - misbehavior
I'm experiencing a weird situation. I need to have two sortable lists that should interchange elements by drag-n-drop or Add/Remove events.
I created a directive that works well. Also the controller ...
1
vote
1answer
50 views
How to sync model watched by ngRepeat when the repeated DOMs are modified externally?
I have two lists which are rendered by my directive. The requirement is that user can move an item from one list to another. I have a simplified implementation of this below:-
...
3
votes
1answer
178 views
Drag and drop divs using AngularJS
I'm creating a simple task manager where tasks are regrouped by steps. Therefore, many steps can have many tasks. Currently, I have my angularJS model mapped properly. What I want to do right now is ...
1
vote
1answer
143 views
Angular view gets out of sync with model when dragging items from one list to another
I have created a custom directive that allows me to connect multiple sortable lists via drag and drop using angular js and jquery ui. The way it should work is the following:
When drag starts, keep ...
1
vote
2answers
1k views
How to dynamically set properties for AngularJS jQueryUI datepicker directive
I have a need to set the min Date for one of my datepicker inputs to 5 days after today's date. I have setup the jQueryUI datepicker directive for AngularJS, and by itself, it works great. When I ...
0
votes
1answer
187 views
Best way to dynamically update jQuery UI attribute with Angular JS?
I have an attribute in which I add the "draggable" directive to. This enables the jQuery UI draggable component. My directive is as follows:
testModule.directive('draggable', function () {
...
5
votes
1answer
991 views
Do event handlers need to be removed on directives when $destroy fires?
I've seen a lot of directive examples including those by the AngularUI team where they don't appear to do any cleanup.
Here's an example from their ui-date directive which creates a jQuery ...
1
vote
2answers
3k views
How to format inital date value using AngularJS ui-date directive?
When I get a model from the server it looks like this:
$scope.m =
{
name: "John",
Dt: "2013-10-03T18:47:33.5049087-07:00"
};
The view looks like:
<input title="Date" ui-date ...
0
votes
1answer
65 views
Passing complex information in Angular directives
I am using JQuery UI in an Angular application. I noticed that I was repeating the same pattern for each directive: Call the JQuery UI function with a single complex object for initialization. ...
0
votes
0answers
56 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
1answer
365 views
Unable to drag and drop with angular js
I am newbie to angularjs. currently I am working with a project for drag and drop but with pure jquery ui I am able to drag and drop but whenever I am going to include this with angularjs then I am ...
0
votes
0answers
785 views
Issue with updating the jQuery UI Slider from Angular directive
I'm trying to get a custom slider up and running using the directives concept.
I have an issue when updating the slider from the input field.
The directive part below and a working example on ...
0
votes
1answer
296 views
Move item from child to parent controller with draggable+droppable directive
I have two directives, draggable and droppable. The directives themselves apply the jquery ui functions to the elements. My draggable items are in a controller that has a parent controller with a ...
0
votes
1answer
1k views
Drag and Drop with Angular JS and JQuery
Couple of days ago I found this interesting post at http://www.smartjava.org/content/drag-and-drop-angularjs-using-jquery-ui and applied it into my website. However when I progressively using it ...
1
vote
0answers
233 views
Angular directive which fires a jquery ui widget when finished rendering
I'm trying to create an angular directive which fires a jquery ui widget when the template has finished rendering. The template is in a separate html file, the data for this template is put on the ...
0
votes
1answer
1k views
Jquery and angular JS select dropdown selection without manual selection
I am having a select drop down, and I am adding options dynamically through Jquery append on it, and I want to associate all data in the dropdown, I mean all options selected into angular JS model.
I ...
0
votes
1answer
881 views
Angular slider custom callback on slide
I'm beginning with Angular.js directives, and in any application, I'm using jQuery UI sliders.
What I would to do is to execute a custom callback on the slide event of these sliders, depending of the ...
2
votes
1answer
3k views
AngularJs + JqueryUI slider initial values
this is my first post here, so I hope it will be comprehensive.
I'm using AngularJs and I've added a JqueryUI slider using an angular directive.
I've found a lot of examples on how to do that, but ...
0
votes
1answer
400 views
Is there a conflict between jQuery UI “autocompleteselect” event and AngularJs event?
I would like to know if there is a known conflict between jQuery UI "autocompleteselect" event and some AngularJS event?
Here is my case :
I have a table and an autocomplete input
<label ...
2
votes
3answers
1k views
Using Multiple Datepicker in Angular directive
I have used multiple datepicker in angular directive and it gives me an error
Uncaught Missing instance data for this datepicker because if I removed one li then It doesn't set id in directive.
...
0
votes
1answer
244 views
using selectmenu plugin with angular
I was playing with using the selectmenu plugin with angular. It is a little trickier than the run of the mill plugins, wrapping it up as a directive does not quiet cut it because of the nested tags, ...
2
votes
2answers
1k views
Disable jQuery Button with AngularJS and Form Validation
I would like to disable my jQuery button based on form validation. According to the docs this is fairly easy with regular buttons using syntax such as:
<button ng-click="save(user)" ...
