Tagged Questions
0
votes
1answer
12 views
AngularJS Iframe pop window like facnybox?
I am writing a web application using the AngularJs and PHP. I want to open a pop up by passing a few params and render a new page in pop up.
How can i open a fancy-box like i-frame pop-up in a ...
1
vote
1answer
9 views
Angular js syntax analyzer
I want to create Syntax analyzer in angular js.
I have one textarea. If I write anything like
"Select * from Table". then I want to apply some color to keywords like
Select in Blue,From in a Red, and ...
0
votes
0answers
7 views
ng-if not working with jquery mobile adapter
ng-if not working with jquery mobile adapter as it uses angularjs v1.0.6 and ng-if is introduced in v1.1.5. So what is the solution?How i can use ng-if i am using angularjs, jquery mobile and ...
1
vote
1answer
16 views
AngularJS - setting .error CSS class for input form using directive
I have a registration form and I want to do live input validation for emails that have already been registered in the database.
I have the directive working so that it fires on every change to the ...
1
vote
1answer
18 views
cancelling angularjs timeout after route change not working
I'm have a timer that polls a server for data every 10 seconds. However, everytime a user switches to another controller, the timer should get destroyed. For some reason it's not happening with my ...
0
votes
0answers
29 views
ng-repeat double rendered after array is updated
I have a problem whereby my ng-repeat renders are doubled after the first array update.
The problem happens when you first removed an object from the array, the ng-repeat messed up the rendering and ...
0
votes
0answers
55 views
How to create a directive that renders its content into multiple places using AngularJS?
How can I create a directive with AngularJS that duplicates its inner HTML into multiple target elements?
I tried achieving this using cloning via jQuery, but the cloned element does not bind to the ...
0
votes
0answers
15 views
angularjs custom checkbox button
Hi I'm trying to make a custom-styled checkbox in my angularjs application. Everytime a user checks or unchecks the checkbox, it sends a call to the server. However sometimes when I check or uncheck ...
1
vote
0answers
19 views
What is the “angular” way to access the state of a form that is within the template of a directive?
I'm trying to generate a directive that embeds an editor (form). The outer controller is able to push the "thing to edit" into the inner directive easily enough, but I'd like the outer controller to ...
0
votes
2answers
18 views
Getting months to display in order in through Angular Directive
jsFiddle
I'm trying to build a table using Angular's ng-repeat directive that displays two years of data:
--------------------------------------------------------
January | jan text this year | ...
0
votes
1answer
27 views
Angular js factory and injecting factory in normal javascript to make it modular
I have created a factory to invoke Rest services using $resource. The factory function is used multiple places in my code and is based on the usage I need to use for different callbacks. I want to ...
2
votes
1answer
16 views
Angular scopes and losing binding
I haven't been able to find anywhere else that really helps me understand my Angular problem here but I suspect it has something to do with inheritance that I haven't completely grasped yet.
I'm ...
0
votes
0answers
15 views
Angular.js updating SVG templates in directives
A while ago I asked about "Angular.js rendering SVG templates in directives", where I was replacing the DOM nodes that angular makes when rendering templates, with SVG nodes. I got a response that ...
0
votes
0answers
24 views
Table and Column resizing
I'm, in situation where a Grid kind of table is done using Angularjs and Javascript, not with e.g. ng-Grid or Datatables.net.
Are there any possibilities to implement column resizing into that kind ...
0
votes
1answer
23 views
Use controller generated by typescript in angular directive
I have an angular controller (generated by typescript):
class FileManagerController {
...
constructor($scope) {
$scope.vm = this;
...
}
...functions...
}
How can I use ...
1
vote
1answer
32 views
Angular multiple instances of same directive, scope is not isolated
I have a problem when creating multiple directives with isolated scope: when I change something in 1st directive it also makes changes in all other directives.
Here is a working example: ...
0
votes
1answer
15 views
How to clear events when manually bootstraping ng-grid in an Angularjs Single Page application
I'm working on an hybrid SPA with many angularJS modules in an existing application.
When manually Bootstraping ng-grid twice or more, 'ngGridEventStartCellEdit' events are multiplied each times the ...
1
vote
1answer
27 views
Nested angular directives with typescript
Is it possible to use Typescript with nested angular directives?
http://jsfiddle.net/mrajcok/StXFK/
<div ng-controller="MyCtrl">
<div screen>
<div component>
<div ...
0
votes
1answer
27 views
Is $timeout the only/recommended way to avoid jQuery plugin rendering problems in AngularJS directives?
I'm porting a jQuery webapp to AngularJS (<- beginner!).
To integrate bxSlider along with some templating stuff, I wrote following directive:
angular.module('myApp')
...
1
vote
1answer
11 views
Why doesn't angular-table (see angulartable.com) properly support being included via ng-include?
The very busy author of the angular-table directive suggested I post this question here:
Can anyone see why angular-table doesn't properly support being included via ng-include?
See example at ...
1
vote
1answer
32 views
Updating data/state between directives in AngularJS
this may be a silly question and I may not explain myself well but here goes... I have a form with the current HTML tags, please note the directives:
<input type="password" name="password1" ...
0
votes
1answer
18 views
AngularJS - Directives as reusable html components
This is a more architectural question, Let's say I got a component,(for example label and text field and a help tool-tip), the structure is same in lot's of places in my application, but the ...
0
votes
0answers
31 views
How Can I send a POST request with JSON data using $http or $resource in AngularJS?
I want to send a request to the server with postData.(JSON)
I tried the following $http request,
var jsonData = {"id": 1,
"name": "xxx",
"designation": ...
0
votes
0answers
11 views
Autoscrolling with linebreaks with angularjs directive
Hi I'm building a chatapp in angularjs and my autoscroll works when there are no linebreaks in the message. However, when there are linebreaks the autoscroll doesn't goes all the way down. In my ...
0
votes
1answer
40 views
AngularJS: Directive binding
I'm trying to create a custom email textbox component, which has two fields. To do this I have this template:
<div class="custom">
<div class="username" ...
0
votes
1answer
28 views
The Angular way to mix in methods
I'm migrating from Backbone to Angular, and am trying to figure out a good pattern for adding methods to objects in the Angular world. Backbone wasn't opinionated about much, but they did standardize ...
3
votes
0answers
28 views
Testing AngularJS scope variables
I'm trying to implement a test that relies on a scope variable. I want to enable ng-switch-when to resolve an expression. This is what I'm trying to do:
it('should switch on array changes', ...
1
vote
3answers
34 views
Dynamically adding Angular directives
Im fairly new to angular JS and am finding it a steep learning curve, I get the feeling im really missing the point here but here goes:
I want to add a directive to my page from a controller. So i ...
2
votes
1answer
26 views
Bootstrap popover directive logic not working inside AngularJS custom directive
Setup: angularjs v1.2.3, ui-bootstrap tpl 0.4.0
Problem: Directive "popover" from UI Bootstrap inside Custom directive "milestone". Milestone directive gets rendered including the popover tag, but ...
0
votes
0answers
21 views
tab not working in directive
this is my tabsMenu directive
angular.module('directives.tabsMenu', [])
.directive('tabsMenu', function() {
return {
// Restrict it to be an attribute in this case
restrict: ...
0
votes
0answers
30 views
AngularJs : triggering an event to simulate user action when unit testing a directive
I have seen that in order to simulate user action on the DOM generated by a directive, there are two approaches, both trigering an event:
How to trigger ng-change in directive test in AngularJS
The ...
3
votes
0answers
18 views
ZeroClipboard + angular, multiple instances
app.directive('copyPost', ['$window', '$filter', 'ZeroClipboardPath', function ($window, $filter, ZeroClipboardPath) {
return {
scope: {
postFn: '&',
postSuccess: ...
0
votes
1answer
14 views
Custom validation triggering required
I have the following directive
app.directive('postcode', function() {
return {
require: 'ngModel',
link: function(scope, elm, attrs, ctrl) {
...
0
votes
0answers
22 views
Issue with view updation in AngularJS directive
I am using the following directive for 'add tag' functionality in my application:
directives.addTag = function ($http) {
return {
link: function (scope, element, attrs) {
...
0
votes
2answers
22 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
16 views
using element.AddClass to add an angular js directive, which is restricted to act as a 'class'
I made a directive in angular js restricted it to act as a class and this directive makes my element drag-able.
On mousehover i want to do addClass and add this directive which is supposedly a ...
2
votes
3answers
55 views
angularjs two directives on one element
I have two directives:
// Generated by CoffeeScript 1.6.3
app.directive("focusMe", function() {
return {
scope: {
focus: "=focusMe"
},
link: function(scope, element) {
...
0
votes
0answers
30 views
AngularJS1.2 Directive two Way Binding Attribute is not reflected to View
I can not use a scope attribute within my view that is obvious available in the scope variable.
Please see the plnkr: http://plnkr.co/edit/aoRU6YDywA0Q25gKpQGz?p=preview
script.js
// Code goes here
...
0
votes
1answer
17 views
Custom directive scope not being initialized properly when used with ng-repeat
I have a problem with passing object information to my custom directive, which has an isolate scope. I have boiled my problem down to this simple plnkr to demonstrate the wall I am hitting:
...
0
votes
1answer
25 views
Dynamically manipulating DOM element in AngularJS
I have a requirement to render all the posts from my database by using AngularJS. I need to provide Edit functionality for each post that is visible to the user. Currently, I am doing this by using a ...
1
vote
1answer
17 views
What is the meaning of scope:true in angularjs directive
I understand that if scope:false, this means that the directive will have no scope of its own.
If scope:{something} this means there will be an isolated scope for the directive.
What about ...
0
votes
0answers
13 views
AngularJs jquery sortable update array
I have a list of Fields which are sortable with jquery-ui. Every Field can be deleted.
Look at my example.
http://plnkr.co/edit/SbUxzoH3ezcJaoFxutkp?p=info
When i reorder the fields and start ...
1
vote
1answer
26 views
scope of event arguments in angular directive
I have the following angular app to create a menu of sections/products.
at present when rendered and hitting the 'add' button that is rendered within each li I want to add a section/product as a sub ...
0
votes
2answers
47 views
Pass some properties to a directive in AngularJS
I created a directive (itcValidationMessages) which will let me display a validations messages and I put it on the form element as an attribute like below:
<form id="register-form" novalidate ...
2
votes
1answer
47 views
AngularJS change order of which directives are compiled
As far as I've noticed Angular compiles things on a first come, first-serve basis which is kind of tricky. I made a directive which wraps some elements around and I want to have a link property which ...
3
votes
2answers
62 views
ng-class within custom directive not observing updates
I'm trying to create a directive that's used like this:
<amount value="myValue" neg-class="negative" />
myValue is a scope value (should be a number)
negative is simply the name of a css ...
0
votes
1answer
59 views
AngularJS Directive: link objects in collection with transclude/compile
One of my pages needs to load an SVG file then edit it. Right now it is a huge directive that handles both the SVG as a whole, as well as every interaction tied to the shapes. I would like to split it ...
0
votes
1answer
392 views
$parser.unshift??how does this work?
link: function(scope, elm, attrs, ctrl) {
ctrl.$parsers.unshift(function(viewValue) {
scope.pwdValidLength = (viewValue && viewValue.length >= 8 ? 'valid' : ...
1
vote
1answer
244 views
AngularJS: show hide elements based on mouse events
Here is an example - http://plnkr.co/edit/iwvjJcUurUW2AvkDArfz?p=preview
I would like the delete button to show up only when mouse hovers on the row and perform some function delete(name), by passing ...
5
votes
2answers
332 views
How to use `replace` of directive definition?
In this document: http://docs.angularjs.org/guide/directive , it says that there is a replace configuration for directives:
template - replace the current element with the contents of the HTML. ...
