gpt4 book ai didi

javascript - 将函数分配给变量 angularjs

转载 作者:行者123 更新时间:2023-12-03 02:44:43 25 4
gpt4 key购买 nike

我想根据变量动态调用函数,并且变量具有函数名称,例如

var fun =function1(1,2)

有时可变的乐趣可以有功能

fun= function2(2,3)

这只是一个解释我的场景的例子

然后我想从我的 html 中调用它

html

<button ng-click="{{fun}}>call</button>

乐趣有时可以有 function1 和 function2

最佳答案

因为函数是 JavaScript 中的一等公民,所以我们可以像传递任何其他变量一样传递它们。

参见this JSFiddle当您单击更改处理程序时,交替使用f1f2的示例。

HTML

<body ng-app="exampleApp" ng-controller="appCtrl">
<div>
<h3>{{name}}</h3>
<br>
<button type="button" class="btn btn-primary" ng-click="fun()">Show Name</button>
<button type="button" class="btn btn-primary" ng-click="changeClick()">
Change Handler
</button>
<br>
<h3 ng-show="clicked">You did it {{name}}</h3>
</div>
</body>

JavaScript

var app = angular.module('exampleApp', []);

app.controller('appCtrl', function($scope){

function f1() {
$scope.name = "Chris";
}

function f2() {
$scope.name = "Harry";
}

$scope.fun = f1;

$scope.changeClick = function() {
if($scope.fun === f1) {
$scope.fun = f2;
} else {
$scope.fun = f1;
}
};

$scope.name = "Default";
});

在上面的示例中,changeClick 替换 fun 的值

关于javascript - 将函数分配给变量 angularjs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48146067/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com