我的控制器中有一个函数,如下所示：
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).
