In AngularJS directives are a way to teach HTML new tricks by extending the HTML vocabulary. Directives allow you to manage DOM elements in a declarative pattern, freeing you from low level DOM manipulation tasks.
0
votes
0answers
16 views
how to send the client login data to the server using angularjs
I'm working on project which i need the client to send the data to the server
using my server that has some users that only allowed to log in the problem
that I can't send this information to my sever
...
0
votes
1answer
19 views
AngularJS orderby sorts number and dates treating them as string
I need to develop a table in angular js to show a third party data (and hence data cannot be changed).
Data to be shown is completely dynamic in that number or sequence of columns can change anytime.
...
0
votes
1answer
30 views
How to watch for $scope changes in a directive?
I have a directive like this:
app.directive('selectedForm', function(MainService) {
return {
scope: {
formName: '=currentForm'
},
restrict: 'E',
link: ...
0
votes
0answers
13 views
ngHandsontable: date-format not working in hot-column directive
I try to format a date column as follows, both with the settings as well as the direct date-format attribute. Neither works. The column type is set to date and the provided data is of type date.
&...
0
votes
1answer
29 views
Angular form directive - how to set ng-model attribute to a value passed in through scope
I've got this form section (simplified for question):
<label>firstitem brand: </label><input ng-model="ctrl.object.item_attributes[0].brand">
<label>firstitem model: </...
2
votes
1answer
12 views
$interpolate values from a ng-repeat created scope
A follow up to this question: AngularJS data bind in ng-bind-html?
What if the values which I want to interpolate are attached to a ng-repeat created scope?
myDict = {'Suggestion' : $interpolate('...
-1
votes
0answers
7 views
Isteven Multiselect angular disable-property
I've got 2 isteven multi selectors. I want to disable the item selected in first multiselect to be disabled in another one, could you help me? Input models are different, but data could be the same
0
votes
0answers
7 views
D3 Angularjs directive for org or family tree
Is there any D3 sample code for the following org or family tree? Better if some one can point out angularjs directive for such tree
1
vote
1answer
11 views
Accessing angular2 directive from component
I have created a directive for a textarea (TextAreaExt) and i want to call a method of that directive from a component it is used in. The selector of the directive is "textarea" (no attribute, affects ...
1
vote
1answer
13 views
Angular JS using Grunt: Display images from local folder using relative path from JSON
So I am using a JSON that returns a lot of data about the user including pictures. The problem I am facing is that I believe the relative path to the images folder is correct however for some reason ...
0
votes
0answers
15 views
Play YouTube video by clicking image
I'm using AngularJS for this project. I want to click on an image (the play-button element) to start playing the youtube video. I'm trying to use a directive but I can't figure out how o make it work. ...
0
votes
2answers
25 views
Dynamically added directive but content not showing
I am new to angular and am trying to create a voting poll app. Right now I have 4 input boxes. 1 question and 3 answers to use when creating a new poll. I also have a button that adds a new input box ...
0
votes
1answer
18 views
Angular phone number directive allows letters after double tapping
I have a directive that only allows numbers and formatting. It puts the formatting in the appropriate positions i.e. 123-123-1234
The problem is when you type a letter the first time it will not show ...
0
votes
1answer
16 views
How can we remove Detached DOM in controller & Directive?
Using dev tools, I did profiling of Ionic 1 apps (angular 1.*), I saw that it had lots of Detached DOM resulting in slow performance & memory growth.
I did profiling & saw it leads to ...
0
votes
1answer
19 views
AngularJs - invalid token on translate
I have a directive with this code:
<ep-navbar class="page-header" pagetitle="{{'GLOBAL_TITLE' | translate}}"></ep-navbar>
However I'm getting this error:
Syntax Error: Token '{' ...
0
votes
0answers
14 views
Changing ng-disabled in a custom directive
I'm trying to wrap a button with a directive that will disable it according to the response from an external service. However, I need to preserve the original ng-disabled value (if any) of the button.
...
1
vote
2answers
26 views
how to append a custom directive inside an another custom directive on click
I have a custom directive called composed of a button
When I click on this button, I want to append en entire row that is already defined as a custom directive by itself called
here is the HTML
&...
0
votes
3answers
32 views
a simple color picker input directive in angular
I have ten colors, I want to write a directive that shows 10 boxes with these colors and user picks one of these colors, I want it to be like this:
colors is an array of colors in hex
Here is what ...
0
votes
0answers
22 views
AngularJS: contoller undefined while testing directive with controllers using Jasmine
I need to test the controller my directive is using. but could not reference the controller.
directive.js
(function () {
'use strict';
angular
.module('myModule')
.directive(...
0
votes
0answers
12 views
Does $routeOnChange placement matter for it to trigger?
Does it matter where we instantiate a $on listener with $routeOnChange? I currently have $rootScope.$on("$routeOnChange", myFunction) in two directives. In one directive the listener works fine when I ...
0
votes
1answer
32 views
Custom Filtering Shared Data in Angular
I'm trying to filter data from a factory that can becontrolled by booleans. I can't figure out what I'm doing wrong. It's probally the syntax and myself not understanding angular right. but I've been ...
0
votes
0answers
33 views
Angular: View is not rendering after POST and GET
I am very new to Angular.js, and I am starting to learn it by building a small project alone the way. I am really excited that it works properly for sending out POST request and Get data from server ...
0
votes
1answer
18 views
Trying to get directive contents before template applied
I've got a simple case here where I am trying to get the content inside a directive in my compile function.
angular.module('myModule').directive('myDirective', function ($compile) {
return {
...
1
vote
0answers
13 views
Angular 2 “directive as element” definition not working with additional input selectors
When following Style 05-03 (https://angular.io/docs/ts/latest/guide/style-guide.html#!#05-03) from the Angular 2 style guide for directives, the 1st implementation results in an error of Can't bind to ...
0
votes
1answer
20 views
default state in nested ui-view in ui-router
I am working on a project where I have a created a directive for a multi step form. Essentially trying to replicate this. The project layout has a header,navigation, a content page (which includes a ...
0
votes
0answers
19 views
Can't get default values into directive from parent component
I'm having difficulty getting default values into my directive as set by the parent component.
Here's the instance of my directive, mrc-input-field, which lives in paymentform.html:
<mrc-input-...
-1
votes
0answers
29 views
how to use a repeating html in angular directives , or in angular controller [on hold]
Let my model name is project and the project have a self associations with project i.e parent child relationship of project itself.
Firstly i have to list all the root projects.
when a user clicks ...
2
votes
3answers
47 views
Repeat a directive in Angular
I have a directive which build a star icon. I want to repeat it 'n' times. And then I want to change the class in 'active' to 'n' stars.
This is the directive which build a star and, on click, it add ...
0
votes
1answer
15 views
Remove the angular2 component's selector tag
I have a user component for 2 templates. First template for users table, second one for a user page. I select which template to use by role attribute.
First example of using:
<table>
<...
0
votes
1answer
11 views
Change in $document.on('click') not reflected in view
I have an angular directive ngx-notifications, it sits inside a controller MenuBarController.
View
<div class="row" ng-controller="MenuBarController">
...
<span ng-click="...
0
votes
2answers
60 views
How to disable or hide the Timer using angularJS
I am have displayed the Timer and Countdown Timer from 59 seconds to 0 seconds in decrease order using AngularJS. I have 2 problems,can anyone help to solve this 2 problems
Problem 1:
But there is a ...
0
votes
0answers
19 views
Isolated scope on elements with multiple directives
Long story short, I have a directive that does permission checks by an attribute on the element using the directive a simple example:
Demo: https://jsfiddle.net/suunyz3e/285/
app.directive('test', ...
1
vote
0answers
59 views
Dynamically display form data using AngularJS
I would like to dynamically display Person and Address data using label and input value in Summary Section. As the user edits the form fields, a list items with label + value should display in the ...
0
votes
0answers
5 views
angular-google-maps window element inline template
I'm trying to run some angular inside an infowindow. Since it's a different scope, I understand I need to give the window directive the parameters and the template, and it should work.
In the app I'm ...
0
votes
0answers
8 views
Change jquery carousel slider into Angular Directive
I'm having a lot of trouble Thinking the Angular way
I've changed a jquery based website, to AngularJS (which i'm still learning), and although i've managed to succesfully change most of my code, ...
-1
votes
1answer
28 views
Call function from Directive to Controller [AngularJs]
i have an app that can will send a message with attachment.
I am using this kind of module called angular-media-preview
here is the link
screenshot 1
I have a reset button in my app. Now, I cant ...
0
votes
1answer
23 views
Is it possible to let submodules in AngularJS control their own routing using ui-router?
Here's the scenario:
I have a main AngularJS app that uses ui-router for routing, like any other app. I also have a smaller AngularJS module that functions as its own app, not requiring that it be a ...
0
votes
1answer
16 views
Style changes in AngularJs directive is not reflected in the actual element
I have a directive written in angularjs 1.5.6, it doesn't update the actual element in the browser, but the element inside the directive gets updated. Can somebody help me solve this issue.
My code ...
0
votes
0answers
14 views
How to Load Json data inside Routeprovider?
Here i can not load the JSON data. what i am doing wrong in this below code. Can anyone please guide me?
app.run(['$route', '$http', '$rootScope', function ($route, $http, $rootScope)
{
...
0
votes
1answer
29 views
AngularJS - Pass assignment to a directive callback
I have a directive that displays an icon with a little cross. When the user clicks on this cross, a callback should be called.
Here's the code of the directive template:
<div class="item" title="{...
0
votes
1answer
21 views
Angularjs organizational chart directive
Is there any Angularjs Organizational chart directive for wesnolte/jOrgChart or similar chart?
6
votes
5answers
237 views
Unknown $http Provider in Angular
I need to use $http service in config method. But I can't use $http in config, I am getting unknown Provider error message.
My code :
.config(function($http, $routeProvider, $provide) {
$http....
0
votes
5answers
47 views
$timeout is not working in my code. Im trying to delay the html elements to display after specific time using this directive
Here is the code I'm using. I'm trying to display the html contents which comes under this tag after 4 seconds
Utils.directive('ieUtilsError', function() {
var directive = {};
directive.link = ...
0
votes
1answer
28 views
How to use a callback as watch expression in an angular directive?
I want to use a callback function in my angular context-menu directive to trigger a watch. Unfortunately watch expression is never evaluated.
Any ideas what's missing?
For the full source code see ...
0
votes
2answers
34 views
Load dynamic content into a container in AngularJS ver.1.4
I have an articles container:
<div ng-controller="articlesCtrl" >
<ul id="articles-container" >
<li class="article">
<div>Article 1</div>
...
0
votes
2answers
29 views
Angular 1.5 Form Validation - how to validate that multiple inputs are all empty or full
With a simple form:
<form name="simpleForm">
<input ng-model= "profile.cat" name="cat">
<input ng-model= "profile.dog" name="dog">
<input ng-model= "profile.mouse" ...
-2
votes
0answers
22 views
phone number formatting using angular ui-mask
<b name="custPhone" id="custPhone"
ng-model="quote.customerInfoVo.contactPhone"
ui-mask="(?9?9?9) ?9?9?9-?9?9?9?9
</b>" >
{{quote.customerInfoVo.contactPhone} </b>
Learning ...
0
votes
1answer
12 views
Angular Material - Customize md-slider draghead text
I have a slider in my Angular Material app, which has values that range from 0.0 to 1.0, with increments of 0.1. These are the values that I need in my model, but from the UI, I want the slider to ...
1
vote
0answers
26 views
angular-wysiwyg form validation
I'm trying to use angular-wysiwyg and form validation. Instead of using the standard form.textArea.$dirty I've been updating a flag on the scope:
$scope.onTextChange = function (value) {
$...
0
votes
1answer
25 views
AngularJS directives how to get deeper tree nodes
My html view looks like below:
<div mydirectives="options..." class='container'>
<div class='wrapper'>
<img src='{{data.img}}' class='slide' ng-repeat='..'/>
</...
