通过引用将 $scope 变量传递给函数

2023-12-08

我一直在尝试实现采用范围变量并更改其原始值的函数,但没有成功。

 var app = angular.module('plunker', []);    
 app.controller('MainCtrl', function($scope) {
  $scope.var1 = 1;
  $scope.var2 = 2;

  $scope.changeVar = function (varX) {
    varX = 'changed';
  }

  $scope.changeVar1 = function () {
    $scope.changeVar($scope.var1);
  };

  $scope.changeVar2 = function () {
    $scope.changeVar($scope.var2);
  }
});

为了展示我想要实现的目标,我创建了这个 Plunker:http://plnkr.co/edit/kEq8YPJyeAfUzuz4Qiyh?p=preview

我期望的是,单击button1或button2,var1或var2将更改为“已更改”。这可能吗?


不是按照您描述的方式,但您可以传递带有变量名称的字符串并使用它指向正确的字符串:

 $scope.changeVar = function (varX) {
    $scope[varX] = 'changed';
  }

  $scope.changeVar1 = function () {
    $scope.changeVar("var1");
  };

  $scope.changeVar2 = function () {
    $scope.changeVar("var2");
  }

更新的示例:http://plnkr.co/edit/K4tnhFdQ7KsuNtKTRI2X?p=preview

或者,另一种方法是将函数传递给您的changeVar method:

$scope.changeVar = function (varX) {
    varX('changed');
  }

  $scope.changeVar1 = function () {
    $scope.changeVar(function(x){ $scope.var1 = x });
  };

  $scope.changeVar2 = function () {
    $scope.changeVar(function(x){ $scope.var2 = x });
  }

请看这里:http://plnkr.co/edit/ttRWUDzD9jAEj2Z7O64k?p=preview

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

通过引用将 $scope 变量传递给函数 的相关文章

随机推荐