如何在AngularJS中从视图向控制器传递运行时生成的w[5]值？

DevOps 小满

2026-5-25

解决方案

我来帮你搞定这个问题！你现在的核心问题是没有把动态生成的w[5]值传递到控制器里——当前ng-click里传的是固定字符串'hello'，自然拿不到循环项的动态值。咱们一步步修改：

1. 修改视图代码

把ng-click里的参数改成w[5]，这样点击时就能把当前循环项的目标值传给控制器的方法：

<ng-option ng-repeat="w in details track by $index">
  <div class="program-grid-row table-row">
    <div>
      <!-- 把ng-click的参数从'hello'改成w[5] -->
      <a ng-click="setWork(w[5])" href="#/helloworls/{{w[5]}}">{{w[5]}}</a>
    </div>
  </div>
</ng-option>

2. 修改控制器代码

在控制器里定义setWork方法，接收传递过来的w[5]值，然后用它发起$http请求：

// 假设你的控制器是这样定义的（记得注入需要的依赖）
app.controller('YourTargetController', ['$scope', '$http', '$rootScope', 
function($scope, $http, $rootScope) {
  // 定义接收参数的方法
  $scope.setWork = function(selectedValue) {
    // selectedValue就是你要的w[5]值
    const requestUrl = "你的基础URL" + selectedValue;
    
    $http.get(requestUrl)
      .then(function(response) {
        // 请求成功后把数据赋值给rootScope
        $rootScope.details = response.data;
        // 这里可以添加其他业务逻辑，比如提示加载完成等
      })
      .catch(function(error) {
        // 别忘了处理请求失败的情况
        console.error('数据请求出错:', error);
      });
  };
}]);