angularjs – 如何将参数传递给ng-click功能?

前端之家收集整理的这篇文章主要介绍了angularjs – 如何将参数传递给ng-click功能?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的控制器中有一个函数,如下所示:

AngularJS:

$scope.toggleClass = function(class){
    $scope.class = !$scope.class;
}

我想通过传递我要切换的类的名称来保持一般:

<div class="myClass">stuff</div>
<div ng-click="toggleClass(myClass)"></div>

但是myClass没有被传递给角度函数.我该如何让这个工作?上面的代码如果我这样写:

$scope.toggleClass = function(){
    $scope.myClass = !$scope.myClass;
}

但是,这显然不是一般的.我不想在名为myClass的类中进行硬编码.

功能
$scope.toggleClass = function(class){
    $scope.class = !$scope.class;
}

$scope.class与paramter类没有任何关系.它的字面上是一个名为class的$scope的属性.如果要访问由变量类标识的$scope上的属性,则需要使用数组式访问器:

$scope.toggleClass = function(class){
    $scope[class] = !$scope[class];
}

请注意,这不是Angular specific;这只是JavaScript的工作原理.举个例子:

> var obj = { a: 1,b: 2 }
> var a = 'b'
> obj.a
  1
> obj[a] // the same as saying: obj['b']
  2

另外,代码

<div ng-click="toggleClass(myClass)"></div>

假设您的范围有一个变量,例如$scope.myClass,其计算结果为具有要访问的属性名称的字符串.如果你真的想传递字符串myClass,你需要

<div ng-click="toggleClass('myClass')"></div>

这个例子并没有让你清楚,你正在寻找(因为有一个名为myClass的顶级div).

原文链接:https://www.f2er.com/angularjs/142917.html

猜你在找的Angularjs相关文章