我的控制器中有一个函数,如下所示:
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的类中进行硬编码.
在功能中
原文链接:https://www.f2er.com/angularjs/142917.html$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).