angularjs-ng-click

问题 I have a form element created with AngularJS with a submit button within it and I would like to put this button outside of this form. How can I do that with Angular and have my form still validated? e.g main html code: <div class="sd-chk-steps" ng-show="!step_03" ng-hide="step_03"> <!-- Panel Address --> <div id="sd-p-chk-1" class="large-8 columns sd-p-chk"> <div class="cover step_complete" ng-show="step_01" ng-hide="!step_01"> </div> <sd-panel-address > <!-- first form --> </sd-panel-address

问题 Is there a way to pass to angular directive ng-click the value of the associated input? In other words, what should replace this.value in the following: <input type="checkbox" id="cb1" ng-click="checkAll(this.value)" /> PS. I don't want a workaround to alternate values, I just wonder if is possible to pass a value of an input as argument to an angular function . 回答1: You can do the following things: Use ng-model if you want to bind a html component to angular scope Change ng-click to ng

问题 I can get ng-click to work when the scope is inherited on a directive but not when isolated. UPDATE: The point is that I want the click function to be defined as part of the directive... moving the function definition into a different scope is not what I want. Here's the working example with inherited scope: https://codepen.io/anon/pen/PGBQvj Here's the broken example with isolated scope; https://codepen.io/anon/pen/jrpkjp (Click the numbers, they increment in the first example but not in the

问题 In AngularJS, is there any way to make an ng-click dependent upon a boolean? For example, I'd like the following text ("Click") to be clickable, but only when some scope property (e.g., $rootScope.enableClick ) is true . <div ng-click="count = count + 1" ng-init="count=0">Click</div> Preferably, is there a straightforward way to do this without creating a custom directive? 回答1: Use the strange and wonderfull && logical operator in the ng-click expression: <div ng-click="!stop && (count =

问题 I have the following code: <input id="id"> <button data-action="bea" ng-click="Create($('#id1')[0].value);" class="btn">Insert ID</button> <button data-action="bea" ng-click="Create($('#id2')[0].value);" class="btn">Insert ID</button> In the JS I have: $scope.Create = function (id){ if (id === undefined) { $scope.data = "You must specify an id"; } else { $scope.data = data; console.log(data); }); } }; When the call gets into the Create function the value of the id is undefined. If I add the

问题 I have a table on HTML and each row leads to a different page, with more details about that row. But as I am using angularjs, with ng-click I can't right click this row and select 'open in a new tab'. Is there any way to solve it? Thanks in advance! 回答1: If possible you should convert your element to an anchor element. <a ng-href="{{ your dynamic url }}" ng-click="your function">Your link text</a> The browser will interpret the element as a link, and will therefor give you the correct

问题 I have the following code: <div>... <div class="glyphicon glyphicon-filter ng-click="vm.add()" tabindex="1"> <a href='' tabindex="2"><img id="touch" ng-click="vm.multiply(xyz)" src="/ui/assets/images/xxx.png"/></a> <div class="glyphicon glyphicon-filter"ng-click="vm.showId()" tabindex="1" title="Filter"> </div> ..</div> I want to create a custom single ng-click directive as its recommended for div ( ng-click to be used for only buttons). I want to know if there is any way I can create a

问题 I'm trying to get my head around directives, i can easily use the template function to throw out my HTML, however, if i have an ng-click within my template, how can i access it within the link function? My directive: app.directive('directiveScroll', function () { return { restrict: 'AE', replace: 'true', template: '<div class="scroll-btns">' + '<div class="arrow-left" ng-click="scrollLeft(sectionID)"></div>' + '<div class="arrow-right" ng-click="scrollRight(sectionID)"></div>' + '</div>',

问题 I have a very simple function in one of my angular controllers $scope.search = function () { alert("Search"); }; and from my view I have <button type="button" data-ng-click="search()"><i class="fa fa-search"></i></button> The function is never executed when the button is clicked, but the rest of the code in my controller is executed as expected. Is there any reason why the ng-click directive will not fire my function? I have similar controllers all working as expected. Update The button is

问题 I'm trying to build a media library in which only one image can be selected at a time. To do this, I have a list generated with AngularJS's ng-repeat function. So far, when I click on an element, it adds a highlighting class to a child div and toggles the visibility of a child form element. How can I make the click do the opposite for every other element in the ng-repeat? <li ng-click="show=!show" ng-repeat="media in media"> <div ng-if="show" class="selected"> <input class="bulk-check" type=