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

发布时间：2020-12-17 07:43:33 所属栏目：安全来源：网络整理

导读：我的控制器中有一个函数,如下所示： AngularJS： $scope.toggleClass = function(class){ $scope.class = !$scope.class;} 我想通过传递我要切换的类的名称来保持一般： div class="myClass"stuff/divdiv ng-click="toggleClass(myClass)"/div 但是myClass没

我的控制器中有一个函数,如下所示：

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).

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!