如何在AngularJS控制器中访问ng-repeat绑定的对象属性？

你已经通过API请求把数据绑定到了$scope.rootresults，这正是页面上ng-repeat渲染的数据源，所以在控制器里直接操作这个数组就能访问到每个对象的TooltipText属性啦。下面分几种常见场景给你演示：

1. 遍历所有对象，逐个访问TooltipText #

在API请求的then回调里（确保数据已经返回），你可以用数组的forEach方法遍历整个rootresults：

$scope.getRootList = function() {
  rootList = $http({
    method: 'GET',
    url: this.prepContext(siteOrigin+"/divisions/testing","SupportList","?$orderBy=Title&$filter=RootItem eq 'Yes'"),
    headers: { "Accept": "application/json; odata=verbose" }
  }).then(function(data) {
    console.log(data.data.d.results);
    $scope.rootresults = data.data.d.results;
    
    // 遍历每个root对象，访问TooltipText
    $scope.rootresults.forEach(function(rootItem) {
      console.log("当前项的TooltipText:", rootItem.TooltipText);
      // 这里可以做任何你需要的处理，比如把值存到另一个数组里
      // $scope.allTooltipTexts.push(rootItem.TooltipText);
    });
  });
};

2. 访问特定索引的对象属性 #

如果你明确知道要访问哪一项（比如第一个元素），直接通过数组索引获取即可，记得先判断数据是否存在，避免报错：

// 假设你在某个方法里需要访问第一个元素的TooltipText
$scope.getFirstTooltipText = function() {
  // 先检查rootresults是否已初始化且有数据
  if ($scope.rootresults && $scope.rootresults.length > 0) {
    var firstTooltip = $scope.rootresults[0].TooltipText;
    console.log("第一个TooltipText:", firstTooltip);
    return firstTooltip;
  }
  return ""; // 没有数据时返回空值
};

3. 根据条件查找特定对象的TooltipText #

如果要找符合某个条件的对象（比如Title为"Test1"的项），可以用数组的find方法：

$scope.getTooltipByTitle = function(targetTitle) {
  if (!$scope.rootresults) return "";
  
  var targetItem = $scope.rootresults.find(function(item) {
    return item.Title === targetTitle;
  });
  
  return targetItem ? targetItem.TooltipText : "";
};

// 调用示例：获取Title为Test1的TooltipText
var test1Tooltip = $scope.getTooltipByTitle("Test1");
console.log(test1Tooltip);

重要提醒：注意异步操作的时机 #

因为$http请求是异步的，所以你不能在调用$scope.getRootList()之后立即访问$scope.rootresults，这时候数据还没返回，rootresults还是undefined。必须在then回调内部，或者确保数据已经加载完成后再访问。

内容的提问来源于stack exchange，提问作者cfoster5