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
5 views
Angular1.x Webpack require html templateUrl as directive param
This directive is somewhere outside of our different app frontends and will be called with custom templateUrl's for different usecases.
Module.directive 'directiveName', ->
templateUrl: (...
1
vote
1answer
20 views
data iteration in directive for org chart
Here a plunker which have css based Organization Chart, i am tring to make it dynamic in angular js plunker_angular js, i am new to custom directive,
is there any way to itrate my $scope.data with ...
0
votes
0answers
26 views
Inline edit function not working using angularjs
I really hope that you can help me. I have problem where i want to make CRUD operation. I successfully create add and delete operation but I can't create for edit function. My vision is to have a ...
0
votes
3answers
33 views
how to store Specific Column in scope variable Angularjs
I have $scope.Profile variable, in this variable below image data are store but i don't want yellow highlighted column , how to remove these columns from $scope.Profile variable, i want only full_name,...
0
votes
4answers
35 views
how to call controller function on button click when my button is placed in different controller in angularjs
I am new to AngularJS and making a single page application. Please see the attached screen shot I have a dropdown in which there is an apply button and on click of this button I want to call functions ...
0
votes
0answers
17 views
I need to load libraries in order to load a page on facebook through page tab
I have to load these libraries in order to load a page in facebook page through page tab, so that I will put these libraries in index page and I will add that url in facebook developer's page. If I ...
0
votes
1answer
26 views
Angular ng-repeat with form fields
I want to create a simple form with some nested data. When i click the addSite() function i want to create a new Site item and append it to my $scope.info.
I cannot create more than one form and the $...
0
votes
0answers
8 views
Angular Material datepicker filter specific date
Can someone please explain how to apply a custom date as a filter using Angular Material without causing everyweek on that day to be selectable?
I've followed the documentation and can get it to work ...
1
vote
2answers
25 views
Angular 1.5.8 input custom directive ng-model
I've been struggling and Googling everywhere around and I can't imagine why this directive doesn't update my controller $scope value:
Directive:
app.directive('ingFormField', function () {
return ...
1
vote
0answers
13 views
Having Highcharts directive how to get/change current path onClick event?
I have a highchart directive with clickable bars. What I want to achieve is onClick to clean up the query parameters and then add a new parameter from the chart to the URL. However, when I injected ...
-1
votes
1answer
20 views
Angular like google map
I use Angular 1.5. I have old-school function:
function googleMapsRouting(home, office) {
var directionsService = new google.maps.DirectionsService;
var directionsDisplay = ...
google-maps
-1
votes
0answers
19 views
AngularJS custom service method doesn't work on server but it works on local
I am newbie with angularjs so I hopping to get proper guidance of working with angualar. I have written custom service with $http call and snippet of business logic and I am accessing that method into ...
-1
votes
2answers
10 views
AngularJS 1: Filtering objects in the child ng-repeat loop with a property of the parent object
I can't get an expression to work as a filter parameter.
I have two objects arrays
app.controller('MainCtrl', function($scope) {
$scope.name = 'World';
$scope.clients = [
{'client_id' : '1',...
1
vote
1answer
23 views
angular slide-toogle animation not working inside ng-repeat?
hi i am new to angular animation,i need to animate the div like this click Here
Based on the above link i tried the animation to the div inside ng-repeat but i am this error while doing this ...
1
vote
4answers
32 views
angular currency filters in indian format
I am working on angular based application, its a financial application. In which, I need to display numbers in currency format in dynamic html. Below is the way I have used for this requirement :
$...
1
vote
0answers
30 views
Ionic 1 App on Input fields are not auto scrolling
I have created few pages with input fields directives in Ionic App Lib v1.3.1.
If page has <ion-content overflow-scroll="false"> on inserting values on keyboard open that field get scroll up in ...
0
votes
4answers
32 views
AngularJS, calculation addition (+) is not working
I tried to calculate $scope values through angular controller. For instance: the below code works in order to multiply values inside brackets. However, addition(+) is working like 400+200 = 400200. ...
1
vote
1answer
56 views
Is it possible to perform a two way binding on a custom directive with ngModel?
My use case is completely different. When I strip off all the other factors, it boils down to this.
Say I have the following input element
<input type="text" [customDirective] [(ngModel)]="...
0
votes
0answers
14 views
Organize code with prizm of provider. Angularjs
Good afternoon. Please tell me how to organize my code. I have a model which has many subsidiaries submodels.Child submodel enters the scope of the controller(with scope.$watch). For example item 1.1.
...
0
votes
1answer
23 views
Angular D3js links not are displaying
I wanted to create a d3js an angular directive, so that I can pass angular values to d3. However I am unable to see the drawn links after creating directives. I have the following plunker to simulate ...
1
vote
2answers
33 views
Angular JS - NG-Repeat with filters and groupBy
I am building a dashboard to display ogoing and closed issues. I got everything working with angular's ng-repeat with filters and grouped by date. Here is a quick sample of what I got so far:
<div ...
0
votes
0answers
17 views
Angular - change directive input not trigger digest
My app contain 3 directives:
angular.module('mod').directive('directive1', function() {
return {
restrict: 'E',
controller: 'controller',
templateUrl: 'tpl1.html',
...
0
votes
1answer
19 views
angular directive for post DOM load
I'm sort of a beginner to angular and needing help constructing a directive for post DOM load.
I have this script below functional, but it uses a timer. I'd rather have something more robust insuring ...
0
votes
2answers
23 views
What are the pros and cons of ui-sref?
I'm starting to work on a legacy project using Angular 1.5 and it uses both href and ui-sref.
I don't really see the point of using the latter, especially for top menu.
Example
menu.html
<a ui-...
0
votes
1answer
21 views
change in custom directive ngClick event/function
i have a custom directive that i need to insert some login, basically i need in my custom directive prevent from being fired a function in ngClick, than depending in some logic that is made i will be ...
0
votes
1answer
23 views
ng-click event with a promise
i have a angular app, that basically haves a directive that show the content depending the type of user, in case that your accountType is free it whos you a wizard modal giving you some promotional ...
2
votes
1answer
48 views
Directive is being called only once
I have created a custom directive that goes inside my input field. The purpose of this directive is to analyse the values/data inside the Inputfield. This directive is supposed to be called everytime ...
2
votes
1answer
63 views
jQuery Rateyo rating plugin integration with AngularJS
I am trying to integrate the Rateyo plugin with AngularJS and getting problem in defined rating value from directive, following are codes:
EDIT: Here is the working plunker
Controller
var app = ...
0
votes
1answer
27 views
Using ng-model-options with ngModelController
I am trying to delay validation of an custom textbox component. I only want to validate the input on blur. The existing component does not use ng-model inside the input but uses the ngModelController ...
2
votes
2answers
36 views
ngModel undefined when using directive - Angularjs controller
My ngModel is undefined when using the ngPattern directive. If I remove ngPattern, the ngModel works as expected. See plnkr.
Note how vm.condition does not show when typing a value in the text box, ...
0
votes
2answers
41 views
getting data from angular modal service
First type questioner, long time reader. Newbie to Angular.
I am trying to create a popup modal for expanding a text box. (If you have ever dealt with Access, think shift F2). So, I have a form ...
0
votes
1answer
23 views
Trouble with executing Angular directive method on parent
I have a directive inside a directive, and need to call a parent method using the child directive. I'm having a bit of trouble passing the data around, and thought y'all might have an idea.
Here's ...
1
vote
2answers
29 views
Angular Directive to component angular 1.5
I have this directive, that i would like to make a component
angular.module('app')
.directive('year', function () {
var controller = ['$scope', function ($scope) {
$scope.setYear = ...
0
votes
0answers
17 views
AngularJS 2 Alternate StyleUrsl/TemplateUrl
I have a component where I'm trying to inject a different styleUrl or templateUrl based on an object that is initialized when the component loads.
@Component({
moduleId: module.id,
selector: 'my-...
0
votes
0answers
22 views
Global Exception handling in angular js using promises : Exception handling: $q promises not catching Error code
I have plan to implemented the Err handling service globally for my existing application. I am not send the error code from server. so i have plan to implement the Error code in angular by using ...
0
votes
1answer
19 views
AngularJS - How to unsynchronize $viewValue and $modelValue in directive
I am using Angular JS 1.5.6 and I would like to programmaticaly unsynchronize $viewValue and $modelValue, I want $viewValue to keep its current value but $modelValue to be set to undefined. I tried ...
0
votes
1answer
19 views
Concatenating directive attribute to template?
Is there a possible way to use the value of an attribute and use it to concatenate in the directive template
<text-input txt-info="textName" ng-model="pi.medRecNumber"> </text-input>
...
0
votes
0answers
12 views
angularjs datatable is not working while using datatable='ng' searching and pagination
My Controller
.controller('BankaccountViewController', function($scope, $uibModal, $log, $location, $routeParams, $timeout, DTOptionsBuilder, BankaccountService) {
$scope.dtOptions = ...
0
votes
0answers
26 views
sorting a json array programatically
This is th json, this need to be filtered based on the "testType" equal to 'R' also had to sort based on "createdDate"
{
"code": null,
"message": "Total 1 records found",
"result": {
"size"...
0
votes
1answer
29 views
How to redisplay directive after Javascript function executes
I have an AngularJS Directive defined in a Javascript file that looks like this:
(function () {
'use strict';
angular
.module('ooApp.controllers')
.directive('fileUploader', fileUploader);
...
2
votes
1answer
20 views
Pass rendered string into Angular directive
I am trying to make an angular directive that renders dynamic content urls based on an attribute placed on the directive. Example:
Directive:
angular
.module('myModule')
.directive('...
1
vote
0answers
20 views
how to open API services call to a new window?
I try to open the API service call to a new window tab but tried to use window.open() and it doesn't work. I also tried to put the ng-href="URLwithParam" in the HTMLtemplate with target="_blank". I'm ...
0
votes
1answer
32 views
Call link function directive Angular 1 ES6
I create a directive based on ES6 style:
export default class myDirective {
constructor() {
this.restrict = 'E';
this.scope = {};
this.link = link;
}
link() {
...
2
votes
1answer
27 views
navigation does not work with ng-if condtion
hi i need help from you guys, when i add in ul with ng-if condition navigation does not work, how to solve this please help
<nav id="menu" class="nav-main" role="navigation">
&...
0
votes
1answer
42 views
Controller and directive variable's scopes
I'm new to AngularJS. I've started learning it from basics and began doing the simplest examples and the custom ones. Recently I've found some strange behavior of AngularJS.
I have the following code ...
0
votes
0answers
24 views
AngularJS - Custom validation directive crashes input[number]
In my case, when i move angularjs the slider, new value (value1) is calculated according to the slider value and new value is written down.
But new value should not be greater than value2.
My custom ...
2
votes
0answers
29 views
How to use $compile inside an AngularJS link function with a $watch
Using AngularJS and Angular-UI Tooltip (uib-tooltip) to setup a tooltip system that allows the user to turn the tooltips on & off. I'd also like to keep the text in a central location for easy ...
1
vote
1answer
23 views
angularjs form validation showing success on page load
I have a function in my controller to validate if maximum of three choices are made out of available checkboxes and one free text area. The user can either choose three checkboxes and leave the text ...
0
votes
0answers
16 views
angular material not working / css is not applying
Here is my index.html look like. I put all angular material js and CSS in my css,node_modules folder.
<html>
<head>
<link href="img/favicon.png" rel="icon" type="image/x-icon" /&...
0
votes
1answer
25 views
Angular recursive template
I have a directive with an item template that recursively references itself but is not properly rendering out children beyond the first level. I've looked at several examples and it seems my example ...
