The ngClick allows you to specify custom behavior when element is clicked.

learn more… | top users | synonyms

1
vote
2answers
48 views

write custom function for navigation angularjs

So I have a navigation that I want to have a dropdrown menu with sub-menu functionality on it. I tried ng-show for showing and hiding the menus but then I would have to go back and click on item again ...
0
votes
2answers
106 views

Angular JS Ng-Show / Ng-Hide

I am writing an angular service for a login form. I have written a factory (and used an http injector) that takes care of submitting the digest HTTP credentials to the rest service. My Authentication ...
0
votes
2answers
72 views

trigger ng-click by element id?

Ok i have a ng-repeat iterating over a array passing the $index to a ng-click inside the ng repeat like so: <div class="animate-repeat row" ng-repeat="items in sortedTypes"> <div ...
0
votes
2answers
176 views

Angular: Scroll to top on click with jquery animate

I want users to smoothly scroll to the top of the page when they click a certain button. I use jQuery's .animate for this. However, whatever I try, Angular warns me that I cannot access DOM elements ...
0
votes
2answers
101 views

AngularJs multiple ng-click

I have tried to do the following: <accordion-heading ng-click="doSomething(); isopen=!isopen"> Should this work? or is it not possible to string there call together? ng-click="doThis(param); ...
0
votes
2answers
555 views

AngularJS - $compile is not defined in ng-click

I'm trying to run this command in ng-click: formFieldTemplate='<element fieldvalue="' + $( "#"+name+"Div").attr('fieldvalue') + '" name="' + $( "#"+name+"Div").attr('name') +'[' + dynamic_count + ...
1
vote
1answer
118 views

AngularJS calling a function inside a controller with ng-click

I've got a problem with getting my function inside my controller to work properly. given the following partial: <div ng-controller="KundeDetailCtrl"><table class="table table-hover"> ...
1
vote
1answer
575 views

AngularJS - IE8 - Passing $index to a function within ng-click always return 0 and is executed multiple times

I'm experiencing the following issue. consider this code: <div ng-repeat element in elements> <input type="text"/><a ng-click="deleteTag(inputArray, $index)" ...
1
vote
1answer
693 views

Passing a bound variable to ng-click for dynamic click handler

I have the following dom. <td grid-item ng-repeat='col in columnDefs' ng-click="actions[col.field]"></td> This is wrapped in a directive: angular.module('myApp'). ...
0
votes
1answer
14 views

AngularJS Trying to use ng-click with ng-switch but ng-switch is not switching my divs

AngNoob here. I have some global navigation that uses the routeProvider to swap out external html pages inside the view. Within the view i set up a list type sub navigation (created with ng-repeat) ...
0
votes
1answer
17 views

Show form using custom directive - AngularJS

I have a button with ng-click function. When I click the button, it should show the form which is coded in a templateUrl using a custom directive. Which function should I use to get the screen ...
0
votes
1answer
38 views

Why ng-click doesn't trigger action while ng-click-active is set though

I've got this really weird issue, coming from nowhere, where the ng-click no longer triggers action. See generated content from the browser as follows. I see the hg-click-active that tells the tap is ...
0
votes
1answer
32 views

angularjs ngrepeat setting array value not working

I have an angularjs page which has an ng-repeat <ul> list of data points. Each <li> has a Delete link (call this Delete 1) which when clicked needs to hide that Delete 1 link and show 2 ...
0
votes
1answer
56 views

Ng Table Pager template is not allowing any custom data binding like ng-click=“Custom Function”

first I have used a ng table pager template I am not able to use my custom function like ng-click='first()' instead of ng-click="params.page(page.number)" and then call the parameter inside it's ...
0
votes
1answer
78 views

Angular JS ng-click not responding only on iPad, works fine on Desktop

I am testing a web app on iPad. Everything works fine on desktop and even on desktop touch (Windows 8 machine with touch enabled), but when I get to iPad, the touch event is not firing at all times. ...
0
votes
1answer
24 views

When clicking the outer div, the inner div's event is also triggered using angular js ng-click

When clicking the outer div, the event of inner div is also triggered. Here I have used <pre> ng-click </pre> of the angular js. <br><br> eg. <div ng-click="outer"> ...
0
votes
1answer
93 views

AngularJS - Issue appending HTML to single item in ng-repeat

THE SITUATION: I am exploring AngularJS by re-building a former project with it. I am using the angularjs-rails gem version 1.2.16. I have a page were I make an API call that returns an array of ...
0
votes
1answer
187 views

angularjs select ng-click event does not expand the control

I am trying to dynamically load the optionset of select tag on ng-click event. clicking on expand arrow fires ng-click event. Since I fetch the data at that point and bind to the select control, ...
0
votes
1answer
103 views

Angular: ng-click only on subset of elements inside a ng-repeat

I'm using Angular; I have have an ng-repeat loop where I'd like to make some elements clickable. Something like the following: <div ng-repeat="item in itemList"> <span ng-class="{ ...
0
votes
1answer
44 views

Make ng-click work on WebDB rendered <a>

I have a that renders data from my localstorage. These lines have a Edit function. These brings them to another page. The ng-click function on this link isn't fireing when it is clicked. The HTML: ...
0
votes
1answer
616 views

How to use angularjs ng-click with html5 datalist

I'm working with AngularJS and i want to use the directive ng-click when an element of a datalist (html5) is selected. Here is an example of my actual code: <label>Search</label> ...
0
votes
1answer
327 views

ng-click not working in IE but works fine in CHROME

<select id="from" multiple="multiple" name="list" ng-model="selectedVal"> <optgroup label= "{{geo.Geo}}" ng-repeat="geo in Geographies"> <option id="{{country.CountryKey}}" ...
-2
votes
1answer
105 views

NG-Click not working in Chrome but works in FireFox

I have a NG-Click to change the amount of elements on the page (that are coming from an API call). The NG-Click utilizes a drop down box that works in FireFox. But I recently discovered that it ...
1
vote
0answers
34 views

ng-click not working on tablet

I have a ng-click on a div-tag. This works on desktop in every browser. But when I test it on an iPad (ios7) i'ts not working. Strangely enough. When I change the div to an a-tag. It works. But this ...
1
vote
0answers
11 views

How to transition a ng-view (fade for ex) so that one can't see the page building on iPad?

When the user tp a ng-click which opens a page (ng-view), I can see the construction of the destination page for a fraction of second. How can I fix the "flickering"? I would like to keep the source ...
1
vote
0answers
34 views

AngularJS - JSON and return all results

I'm trying to write a basic search function using AngularJS. I have written a service that finds my JSON file and binds it to a $scope object $scope.SearchResult What i am trying to do it perform a ...
1
vote
0answers
83 views

Disable ng-click on certain conditions of application for all types of element

In my application I've binded several elements with ng-click directive like below <a ng-click="DoSomething()"/> <button ng-click="DoSomethingElse()">xyz</button> <span ...
1
vote
0answers
284 views

How to add an AngularJS ng-click option to a javascript generated button?

I'm using bootstrap Modal window for adding a new member for my site, to open it, since I'm using AngularJS, I have to add a ng-click="open()" parameter to a button, but since a plugin I'm using is ...
0
votes
0answers
23 views

angularjs ajax call wrapped by $scope.$apply function preventing ng-click from being executed

I have and custom validation directive which triggers on change to validate user input: link: function(scope, elem, attrs) { elem.on('change', function() {$scope.$apply(function(){ ...
0
votes
0answers
13 views

AngularJS - ngTouch Error: element.on is not a function

I have just added the mgTouch module into my application. The majority of the project is working as expected, however on page load where i have the following 2 buttons, i see the following error: ...
0
votes
0answers
12 views

Angular Directive not firing animation

I have this code in a directive: app.directive("hideCardView", function ($animate) { return function (scope, element, attrs) { scope.$watch(attrs.hideCardView, function (newVal) { ...
0
votes
0answers
36 views

nvd3, angularJs, CSS, ng-click

please find the plunker at http://plnkr.co/edit/119EaqzLCwimipYldezW?p=preview Initially the charts are nicely aligned as 2x2 in the page. But when I recompile the template in onclickCreate() ...
0
votes
0answers
43 views

AngularJS - ngclick on 2 clicks not working

I am trying to implement a simple ng-click for when a user clicks on a link in the first instance something is shown, in the second instance, the same thing that was shown is now hidden. Here is my ...
0
votes
0answers
53 views

Grid-a-licious disconnects AngularJS ng-click events

I'm using Grid-a-licious (http://suprb.com/apps/gridalicious/) for a layout tool. It works by removing elements from the DOM and adding them back as cards in columns. Inside the cards, I have ...
0
votes
0answers
47 views

Focus style sticking to button with ng-click directive

I have a problem with my buttons staying focused even after I've clicked on them in my angular app. We are running angular 1.2 with angular-ui-router 0.2. The problem seems to occur both on buttons ...
0
votes
0answers
35 views

Link under an ngClickable table row in AngularJS application

I have a table defined in a template like this: <table ng-table="tableParams" show-filter="true" class="table ng-table"> <thead> //... </thead> <tbody> ...
0
votes
0answers
46 views

Looks like angularjs doesn't take interpolated value by the time of the click

In a partial, I've got this local model, as follows: <div ng-init="hotspots = [ {id:'a', name:'litSemenceIdeal', center: {x: 80, y:640}, photos:['1-LitDeSemence']}, {id:'b', ...
0
votes
0answers
100 views

Fire directive, refresh, & pass parameter on ng-click

tldr; I need to fire a custom directive/jQuery plugin on ng-click and pass a parameter to it then reload that page so the parameter's value takes place. So on reload instead of there being 3 results ...
0
votes
0answers
69 views

ng-click doesn't work when html is load from php

Why when i load this button from the php the ng-click doesn't work ?, I'am using angular and I'm loading all this from the angular controller, and when i put the button directly in the view of the ...
0
votes
0answers
106 views

bootstrap-ui datepicker not refreshing

I'm trying to get bootstrap-ui's datepicker to display it's popup with an onclick without a function <input class="form-control" name="dob" type="text" datepicker-popup ...
0
votes
0answers
49 views

AngularJS - how change a class of a specific element from the same function

html: <div id="myid" ng-class="{angularClass:_class}" ng-click="toggleColor();">hello</div> <div id="myid2" ng-class="{angularClass:_class}" ...
0
votes
0answers
184 views

Why does using Angularjs ng-click, to call directives method($event) leads to Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting

I tried to write an custom map directive for an Phonegap + Angular OpenSource project you can find here: https://github.com/MariusSchmidt/Schreibwerkstatt/tree/Bettermap. My problem is, that when I ...
0
votes
0answers
123 views

AngularJS ng-click and video play pause

I have a video tag. <video id="video1" poster="{{video.poster}}" ng-click="video.playIt()" controls> <source src="source.mp4" type="video/mp4"> </video> I want to be able to ...
0
votes
0answers
591 views

AngularJS, data-ng-click not triggering function, and routing only showing up on firefox, not IE or chrome

I am doing tutorials on AngularJS, and I'm having two problems. First, I have code that is showing a page on Firefox, but not on IE or Chrome, and data-ng-click is not triggering any function: here is ...
0
votes
0answers
199 views

ngClick not firing when $swipe is bound

I have an ngClick directive on elements that are also bound to $swipe. The ngClick doesn't fire (it was firing before the $swipe was added). I'm using jQuery mobile combined with AngularJS. ...
0
votes
0answers
194 views

Two ng-repeat, $index not sending the right value in the second ng-click

I have two ng-repeat that follow each other in the same directive: <section slider class="slider"> <nav> <ul> <li ng-repeat="slide in slider[0]" ...
0
votes
0answers
100 views

Change multiple button classes depending on condition

I'm building a multiple-choice question web app. There are 5 options for every question. Before a button is clicked it has a default button class: btn btn-default. At the moment I have it so that when ...
0
votes
0answers
159 views

ng-click="show… not working in directive

For the life of me I can't get ng-click="show''" to work in the directive correctly. HTML <sortable ng-controller="SortableCtrl"></sortable> <div ...
0
votes
0answers
155 views

specific ng-click in directive not working

I have a nifty directive that displays a table. There is an icon at the end of the each row (that "appears" on hover) that has an ng-click attached to it. It currently isn't doing anything. I have ...
0
votes
0answers
317 views

Unbind ng-click for dynamic dom element in angular

I have a dynamic div which is conditionally pushed into the dom. I have an ng-click event bound to a child element inside the div which fires myfunc() . Now when that div is removed and re-added to ...