如何在ng-click=中添加两个函数？
在ng-click中添加两个函数可以通过以下方式实现：
- 使用分号分隔两个函数：<button ng-click="function1(); function2();">Click me</button>
- 使用逗号分隔两个函数：<button ng-click="function1(), function2()">Click me</button>
这样，当按钮被点击时，两个函数将按顺序执行。
请注意，以上示例中的"function1"和"function2"是占位符，你需要根据实际情况替换为你想要调用的函数名称。
关于ng-click的更多信息，你可以参考腾讯云的AngularJS文档：AngularJS ng-click
相关·内容
我有一个按钮，如果浏览器是Internet explorer，我希望不在文本字段上自动聚焦。我没有在button元素中包含其他I和各种内容。我知道我可以包含两个单独的ng-if语句，并从外部重复这两个按钮类，一个有forcefoucus，一个没有forcefoucus。
有没有可能把ng-if放在button标记中，这样我就不需要重复button标记中的其他东西了？
非IE
<button type="button"
otherStuff
ng-click="doStuff(); forceFocus('currentPassword
浏览 14提问于2016-08-12得票数 0
5回答
我想在一次ng点击中得到两个函数。
以下是代码：
<button class="cButtonSpeichern" ng-click="saveUser()">Speichern</button>
我想加入这个函数。
alert()
有人能帮我吗？
浏览 4提问于2016-06-24得票数 1
回答已采纳
我有一个用ng-click=打开另一个html的按钮，但我想在我的ng-click=“fisrtFunction(将保存我正在单击的按钮所在的行)secondFunction(将打开一个新的html视图)上有两个函数。我的想法是，我想忽略在新添加的行上的另一个节省。你能给我一些想法吗?我是java开发人员，而angular不是我的流
问候
浏览 9提问于2018-01-05得票数 0
有没有办法让ng-click调用两个函数？
我想要一些类似如下的东西
ng-click ="{search(),match()}"
而不是我现在的方式，那就是：
ng-click = "search()"
浏览 0提问于2013-07-11得票数 38
回答已采纳
6回答
我们在一个ng单击指令中调用两个函数，有什么我们应该知道的吗？
<button type="button" ng-click="func1(); func2();">Click</button>
我们也可以调用一个调用这两个函数的函数：
<button type="button" ng-click="func1()">Click</button>
$scope.func1(){
func2();
}
$scope.func2(){
//something
}
浏览 11提问于2016-07-12得票数 2
回答已采纳
2回答
我有一个嵌套的json对象数组，并且能够使用ng-repeat在HTML中显示按Info分组的内部项。在处理ng-click事件并将选定的内部项传递给控制器时，我在每个内部项前面都有一个复选框。但是现在我也想在ng-click事件中传递Info id。是否可以将Info数组连接到ng-click中的内部项数组
下面是json：
[
{
"Info": {
"id": "a1",
"name": "a1-Info",
"InnerInfo": [
浏览 7提问于2018-02-19得票数 0
回答已采纳
2回答
我想使用ng-click来执行多个表达式。我既想在模型上设置值，又想从$scope调用方法，如下所示：
<a ng-click="navigation.book = book && bookSvc.showBook(book)" href="#{{book.id}}">{{book.title}}</a>
我用&&分隔了我想要执行的两个不同的表达式。我知道我可以在控制器中添加一个同时做这两件事的方法。我应该这样做吗，或者有没有一种方法可以直接从ng-click内部执行两个表达式
浏览 0提问于2013-11-12得票数 60
回答已采纳
有一个要输入的文本区域。和两个按钮来点击。
`<textarea ng-bind="msg"></textarea>
<div class="cancel-btn" ng-click="is_hide=false;"></div>
<div class="submit-btn" ng-click="submit_card()"></div>`
这个过程是什么？
在文本区域中输入一些字符，然后点击'
浏览 0提问于2015-06-25得票数 0
我在AngularJS中为动态添加和删除输入文本字段编写了代码。这是我的代码：
我的HTML
<div class="form-group">
<label for="hobbies">Hobbies</label>
<span ng-repeat="hobby in hobbies track by $index">
<div class="form-group">
<input type='text
浏览 2提问于2017-09-28得票数 0
回答已采纳
我有一个观点，
<li ng-repeat="img in people.images">
<img ng-src="{{img}}" ng-click="setImage(img)">
</li>
它起作用了。但我在这里怀疑的是，属性ng-click应该在双花括号内设置为img，以便在ng-src中作为ng-click="setImage({{img}})"执行。如下所示，
<li ng-repeat="img in people.images">
<im
浏览 2提问于2014-07-20得票数 2
如果我有嵌套的ng中继器，就像这样
<div ng-repeat="outeritem in outerobject">
<div ng-repeat="inneritem in innerobject" ng-click="function(inneritem.key, $index)"></div>
<div>
如何从$index的外部对象中继器中获得function(inneritem.key, $index)，这是内部对象中继器的ng-click指令？
更新：
最后我使用了这种方
浏览 2提问于2014-03-03得票数 1
回答已采纳
我有这个html页面，我已经包括了4个模板和菜单为每个是作为标签在顶部。我希望在http.get()方法返回真正的(即成功)时，将col 4中的选项卡(Div)的宽度更改为col 6。
这是html菜单代码。
<div class="row">
<div class="col-sm-3 bg-success" ng-click="go('/AddBook')">
<h2>Add a Book</h2>
</div>
浏览 4提问于2016-02-16得票数 0
回答已采纳
7回答
我一直在寻找如何执行这个函数，但到目前为止我找不到任何相关的东西，:(我可以嵌套两个函数是的，但我只是想知道这是否可能？我想逐字逐句地这么做：
<td><button class="btn" ng-click="edit($index) open()">Open me!</button></td>
我目前的JS代码：
$scope.open = function () {
$scope.shouldBeOpen = true;
};
$scope.edit = function(index){
浏览 6提问于2013-05-29得票数 316
回答已采纳
3回答
我正在angularJS中创建一个angularJS，它将用一些元素(分页)替换我的自定义元素，由directive生成的元素有ng-click属性，ng-click属性值是控制器的函数，但ng-click不能工作。
元素是
<my-element totalCount="5"></my-element>
控制器是
.controller('AppControler',['$scope'],function($scope){
$scope.function1 = function(value){
c
浏览 0提问于2015-09-10得票数 1
回答已采纳
我已经创建了一个新的按钮，它应该在页面上加载时启用，并在页面上的数据保存时禁用(有一个保存按钮)。所以基本上只要保存按钮被启用，这个新按钮就应该被禁用。
角度代码：
<input id="save" class="btn " type="button"
value="SAVE BUTTON" ng-click="saveData()" ng-disabled="isSaveButtonDisabled" />
<input id=
浏览 2提问于2017-07-06得票数 1
回答已采纳
2回答
我有下一个html：
<div class="parent"
ng-click="ParentClick()">
.
.
.
<div class="child" ng-click="ChildClick()">
Some Text
</div>
</div>
因此，当我单击Some Text时，我有两个方法调用：ParentClick(), ChildClick()。我用CSS的方式点击Some Text的时候
浏览 0提问于2017-08-23得票数 4
我需要显示两个不同的引导模式弹出窗口，当我们选中和取消选中复选框时，就像我选中复选框时，我需要显示第一个模式弹出窗口，当我不选中相同的复选框时，我需要显示第二个模式弹出窗口。
下面是我的示例html：
<!doctype html>
<html ng-app="plunker">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.js"></script>
<scri
浏览 1提问于2017-01-10得票数 0
我使用$watch作为作用域变量"active"来观察更改。在子元素中也有使用ng-click="toggleTab()"。现在，我尝试在单击该子元素时观察范围更改。但它在当地起作用。但在生活中却没有工作。ng-click只起作用。代码如下
<uib-tabset type="tabs" active="active">
<uib-tab index="0" heading="Advertisers" ng-click="toggleTab($event, 'a
浏览 0提问于2018-08-03得票数 0
2回答
当用户单击<tr>内部的链接时，我试图添加一个额外的td.元素
我有类似于html的东西
<tr ng-repeat="test in tests">
<td ng-repeat="item in test">
<a item-detail href='' ng-click='open()'>{{item.name}}<a>
</td>
</tr>
所以我的html实际上是
<tr>
<td
浏览 0提问于2015-01-23得票数 0
回答已采纳
我有一个与ng-click的链接。我需要一个点击确认窗口。
<h4><a href="" ng-click="makeUnfavourite(favourite.userId,$index);remove(favouriteData.data.result,$index)">Un-Favourite</a></h4>
目前它包含2个函数。只有在确认之后，我才需要执行这两个函数。我的两个函数是在usercontroller.js.plz中定义的，请参阅下面的代码
var userControllers = angul
浏览 0提问于2016-04-22得票数 3
回答已采纳
3回答
假设我有两个使用AngularJS ng-click的链接，它们都有相同的单击事件，通过传递相同的范围变量。
ui.myclick(myVar1, myVar2, myVar3)
<a ng-click="ui.myclick(myVar1, myVar2, myVar3)">link1</a>
<a ng-click="ui.myclick(myVar1, myVar2, myVar3)">link2</a>
有没有可能在HTML中的某个地方定义on click处理程序，以便我可以重用它？如下所示：
ng-i
浏览 1提问于2015-08-08得票数 1
我需要编写一个带有函数调用和赋值的条件ng-click。对我来说，这个赋值不是写在一个函数中是非常重要的，因为这个函数是非常通用的。
为了执行ng-click函数和赋值，我需要满足两个条件。
以下是我到目前为止尝试过的一些变体
<button ng-click="vm.hasPermission && vm.readOnly === false
? vm.myFunction(); vm.buttonTouched = true
: null">
My Butto
浏览 11提问于2019-10-24得票数 0
回答已采纳
2回答
在我的应用程序中，我使用的是角js，在这个场景中，如果type === 'await_otp'然后在div中显示两个按钮(重新发送otp和cancel按钮)，如果type === 'submitted'然后显示cancel button.If，那么上述条件都不满足，那么就不显示按钮。
早些时候，我对每个容器使用了两个单独的按钮，并显示了我想要使用的单个函数来处理这个问题的button.But。
有人能告诉我怎么做吗。
<ion-footer-bar style="height:auto">
<div ng-if="
浏览 0提问于2018-08-27得票数 1
回答已采纳
在网格中，add按钮应该只在最后一条记录中，
这是单元格模板中使用的代码
cellTemplate: '<button class="btn primary" ng-click="grid.appScope.deleteRow(row)">Delete</button>'+
'<button class="btn primary" ng-click="grid.appScope.addRow(row)">Add</button>'
点击此处
浏览 1提问于2016-11-09得票数 0
有两个类似的问题：
我需要创建一个动态菜单，就像在第一个类似的问题中，我不能硬编码在我的页面中的权利。是一个管理员，它可以创建自定义角色并选择wich，这个角色可以看到。
<li class="dropdown"><img role="button" class="dropdown-toggle" data-toggle="dropdown" ng-src="{{avatarUrl}}" />
<ul class="dropdown-menu pull-
浏览 3提问于2013-05-29得票数 1
回答已采纳
我有一个绑定到ng-click=" Add ()“的add按钮，在这个函数中，它向角数组添加了一个新的对象，这反过来又在我的html表中添加了一个使用ng-重复的新行。但是，一旦元素呈现在页面上，我希望将焦点设置为新的textarea。目前看来，在元素实际出现在页面上之前，我正在尝试设置焦点。对此有什么想法吗？
标记：
<button id="AddNote" type="button" class="btn btn-primary btn-sm" ng-click="add()">New</butto
浏览 1提问于2017-01-12得票数 0
回答已采纳
我的控制器中有两个函数
$scope.first = function()
{
console.log("first");
}
$scope.second = function()
{
console.log("hello");
}
Now in my template i give call to first function
<button ng-click="first()">click</button>
现在我希望在我的第一个函数完成执行后，我的第二个函数就会自动开始执行，而不需要任何点击。
也就是说
浏览 1提问于2015-12-09得票数 5
回答已采纳
正如您在这个plunkr中所看到的，我正在尝试创建一个指令，它将根据该指令元素上的属性呈现不同的模板。
<my-dir></my-dir>
<my-dir someparam="true"></my-dir>
为此，我将条件放在指令的链接调用中，如下所示：
var str = "";
if(attr.someparam){
str = "<button class='btn btn-warning' ng-click='test2()
浏览 2提问于2015-11-19得票数 0
回答已采纳
2回答
我有两个简单的指令，它们在DOM中生成类似的元素。
两者都有一个独立的范围。
两者都对显示消息的metod进行ng单击。
其中一个在html文件中声明了ng-click，并在包含的范围内触发该方法。
另一种是指令模板中的ng-click，单击将触发孤立作用域中的方法。
为什么两种方法都不触发隔离作用域中的方法？
这是一个
Javascript
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.na
浏览 1提问于2014-08-05得票数 0
回答已采纳
2回答
我有两个元素，
%a.follow{"ng-click" => "followUser(user)", "ng-show" => "!isFollowed(user.id)"} follow
%a.unfollow{"ng-click" => "unfollowUser(user)", "ng-show" => "isFollowed(user.id)"} unfollow
这取决于在模板中呈现ng显示的user.id。因此，只显示了两个ng显
浏览 2提问于2016-01-04得票数 1
回答已采纳
我有一个应用程序，它有两个按钮，添加按钮和计划按钮，当我单击添加按钮时，通知将被触发，然后通知选项卡将出现。
以下是代码
Js代码
app.controller('contNoti', function ($scope, $cordovaLocalNotification)
{
$scope.add = function () {
var alarmTime = new Date();
alarmTime.setMinutes(alarmTime.getMinutes() + 1);
$cordovaLocalNoti
浏览 0提问于2016-12-22得票数 0
我已经创建了一个指令来处理我的web应用程序中的所有链接。我已经成功地根据登录用户的角色生成了不同的链接对象。以下代码可以工作，除非我尝试在"htmlElement“中向ng-click添加功能。
$scope.test = test;
function test() {
console.log("test")
}
var htmlElement = "<li ng-click=\"test()"\"><a href=\
浏览 2提问于2016-01-26得票数 0
1回答
我正在尝试使用angularjs和ionic.I更新我已经存在的条目。我有两个视图，在第一个视图中，我列出了汽车名称和它的型号名称。选择汽车名称后，它将转到第二个视图，其中列出了有关所选汽车名称及其型号的信息，以便对其进行编辑和更新。我声明了$rootScope.selectItem=key;，它有助于显示所选汽车名称是什么。我在更新时遇到了问题，因此，我需要帮助通过用旧信息替换新信息来更新信息。
视图1：
<ion-list>
<ion-item ng-model="carBrand" ng-repeat="name in carS
浏览 0提问于2016-10-14得票数 0
2回答
下拉组件的可访问性
、、、、
我正在实现下拉组件的可访问性，我的下拉列表的特殊功能是它只在打开下拉菜单时填充选项菜单中的值，这意味着它动态地编译模板并附加到下拉框中。
Dropdown HTML:
<div id="dropdown" ng-click="openDropdown()">
<div id="selectedValue" role="listbox" tabindex="0" aria-label="{{selectedVal}}" aria-owns="dropDownMe
浏览 3提问于2016-04-12得票数 0
1回答
我正在使用一个自定义的排序函数，下面是我的控制器中的代码：
$scope.customOrder = function (item) {
var empStatus = item.empState;
switch (empStatus) {
case 'Working':
return 1;
case 'Leave':
return 2;
case 'Resigned':
return 4;
浏览 6提问于2016-08-26得票数 2
我想创建一个指令，它绑定到按钮上的'click‘事件，并防止在满足条件时触发ng-click。
我知道我可以在ng-click指令本身中处理这个问题，例如
ng-click="vm.form.$valid && vm.savePost(vm.post)"
但我的需求要比这复杂一点。
我确实创建了一个指令，然后绑定到按钮的单击事件并调用e.preventDefault()，但这并没有阻止ng-click触发。
浏览 0提问于2015-04-20得票数 0
我在两个表中显示两个json文件数据。我能够console.log()所选每一行的值。我做了一个submit按钮，但是我不知道如何获得两个值来提交它。有人能帮我理解怎么做吗？
下面是我的两个表
<div class="row">
<div class="col-md-8">
<h1>Choose your outbound</h1>
<table class="table">
<
浏览 2提问于2016-05-27得票数 0
回答已采纳
我有以下代码：
<ul class="dropdown-menu">
<li ng-click="setValue('X')" ng-class="selected === 'X' ? 'active' : 'not-active'"><span>X <i class="fa fa-times" ng-click="unselect()"/></span></li>
浏览 3提问于2016-02-23得票数 3
回答已采纳
我有一个非常奇怪的问题，从哪里来，ng-点击不再触发行动。
从浏览器生成的内容如下所示。我看到hg active，它告诉水龙头是被考虑在内的。togglemenu()是控制器作用域方法。
最后注意:这是在Safari上工作的，但在iPad iOS7 (实际上是7.1.1)上不起作用。
该问题击中两次ng-单击，没有打开警报()。吴-进入工程。
有什么想法吗？有要走的路吗？
编辑1警报()是我的代码中的一个作用域方法。我觉得这是不对的。有办法检查这个吗？
<nav id="navBarHome" class="ng-scope">
&l
浏览 1提问于2014-07-11得票数 1
3回答
我有一个这样的指令
<div my-directive="htmlItem"></div> //htmlItem is dynamic
我的指令
angular.module('myApp').directive('myDirective', [
function () {
return {
restrict: "A",
scope: {
myDirective: '='
浏览 17提问于2017-03-08得票数 0
我有两个不同的HTML文件。选择Button在两个html文件中。如果我点击那个按钮，我需要选择卡片。
I有两个函数。第一个是默认的，我需要在屏幕上显示。第二个是我需要在弹出模式中显示相同的数据。
1. home.html
<button type="button" class="btn btn-primary col-xs-12 col-md-12 col-lg-12"
ng-click="selectCard()">ADD CARD</button>
page.html
<button
浏览 3提问于2019-09-20得票数 0
我有两个按钮，每个按钮都有ng点击事件，点击事件调用一个方法，这个方法有一个参数。
我希望通过HTTP从AngularJS控制器将参数的值传递给服务端。
AngularJS函数CustomerGender(索引)，我希望将索引值传递给服务。
<div ng-app="Customer" ng-controller="CustomerCtrl">
<button ng-click="CustomerGender('Male')">List of Male Customers</button>
浏览 4提问于2016-01-25得票数 0
2回答
我有两个按钮使用ng-if来决定是否应该显示它们。在短暂的一秒钟内，这两个元素都被显示了，尽管它们永远不应该一起显示。在孤立的示例中，这可以很好地工作，但在我的项目中它有一些延迟。与这篇文章非常相似：，但它没有任何与我尝试的答案不同的答案。
<button class="btn btn-primary drop_shadow" ng-if="vm.ingestReady == true"
ng-click="vm.ingestReady = !vm.ingestReady" ng-cloak> Star
浏览 0提问于2016-06-25得票数 4
在我看来，我有以下actionlink
@Html.ActionLink("Edit", "Edit", new {click="TestFunction()"})
我需要调用角度控制器的$scope中的函数，而不是调用js函数。假设上面的TestFunction()在$scope中，那么我需要使用ng-click而不是click。但是.net不允许我使用ng-click作为匿名属性，所以重写
@Html.ActionLink("Edit", "Edit", new {ng-click="TestFunct
浏览 3提问于2016-02-24得票数 0
1回答
我希望下面的“编辑”按钮在页面加载之前显示的“点击”中。我怎样才能做到这一点？
<div class="buttons" ng-show="!rowform.$visible" style="width: 20%">
<button class="btn btn-primary" ng-click="rowform.$show()">edit</button>
<button class="btn btn-danger" ng-click=&
浏览 4提问于2014-12-24得票数 0
回答已采纳
我是网络开发的新手，并且仍然习惯于使用角度材料指令。
我正在尝试将一个md-button嵌入到md-list-item指令中，并希望在该项上有两个单独的ng-click操作。一个用于一般的md-list-item，另一个用于嵌入到md-list-item中的md-button元素，后者将执行不同的操作。
我现在看到的是，在单击md-button时，两个ng-click函数都会被执行。
有没有更好的方法。我设置md列表项的ng单击的原因是为了获得md-list-item元素上的波动和悬停效果。
下面是我的代码片段：
<md-list-item class="md-3-line
浏览 3提问于2016-05-20得票数 2
回答已采纳
在我的网站上，我尝试在同一列中创建两个按钮。我想在这两个按钮之间留出一些间距。我对这门编程语言非常陌生。我尝试了所有我在web上看到的方法。我不能成功地做到这一点。下面是我尝试创建两个按钮的代码片段
<div class="form-group">
<div class="col-md-12" >
<button
class="btn btn-primary pull-right"
transl
浏览 4提问于2018-02-13得票数 0
2回答
我想知道我是否可以在angular中动态更改过滤器查询。如果没有，还有其他选择吗？
<a ng-repeat="topic in data.topics">
<button ng-click="topicFilter= {topic: '{{topic.label}}'">{{topic.label}}</button>
</a>
我的目标是提供一个基于{{topic.label}}动态设置筛选器的按钮列表。
我的第一种方法如下，但如果我的主题增加，这将是太多的代码行：
<a ng-repea
浏览 4提问于2016-09-07得票数 0
1回答
我试图在我的ng重复上使用一个过滤器，这个函数有一个参数传入，但是这个过滤器似乎不起作用。
这是我正在使用的过滤器函数。它对两个数组进行比较，以查看每个数组中的匹配项，然后返回true或false。
$scope.ifinfav1 = function(f){
return e.indexOf(f) !== -1;
};
这是我使用过滤器的HTML。
<ion-view view-title="Favourites">
<ion-content>
<ion-list>
<ion-item id
浏览 4提问于2015-12-08得票数 0
回答已采纳
我试图在tabview中隐藏div，单击保存按钮后，我想显示该div。我怎么才能得到这个呢？在下面的代码中，当我单击Add Records选项卡中的Save data时，应该会切换到显示记录和在表中显示添加的记录。默认情况下，它现在是隐藏的。
这是我的代码：
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
浏览 0提问于2017-05-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
