无法直接访问AngularJS控制器子元素的问题求助

嘿，我完全懂你的困扰——你已经靠ng-repeat成功输出了患者的姓名和ID，但现在不想用循环，想直接从控制器里拿到单个患者的子元素，对吧？

先帮你理清楚问题根源：你用ng-repeat="p in $ctrl.patient"能正常工作，说明$ctrl.patient其实是一个数组（ng-repeat专门用来遍历数组/集合）。所以直接写$ctrl.patient.name肯定不行，因为数组本身没有name属性，只有数组里的每个元素才有。

给你两个可行的解决方案：

方案1：直接访问数组的指定索引（如果只有单个患者） #

如果$ctrl.patient数组里只存了一个患者数据，你可以直接通过数组索引来获取元素，比如取第一个元素（索引0）：

<div class="col-md-10">
  <!--Body content-->
  <p>{{$ctrl.patient[0].name}}</p>
  <p>{{$ctrl.patient[0].id}}</p>
</div>

这样就能跳过循环，直接输出第一个患者的信息了。

方案2：修改控制器，把patient定义为单个对象 #

如果你的业务逻辑里本来就只需要处理单个患者，那更合理的做法是在控制器里把patient设置为单个对象，而不是数组。比如控制器代码可以改成这样：

// 你的控制器示例
angular.module('yourAppName').controller('YourController', function() {
  // 假设这是从后端获取的单个患者数据
  this.patient = {
    name: "John Doe",
    id: "P12345"
  };
});

改完之后，前端就可以直接访问子元素了，代码会更简洁：

<div class="col-md-10">
  <!--Body content-->
  <p>{{$ctrl.patient.name}}</p>
  <p>{{$ctrl.patient.id}}</p>
</div>

简单总结下：之前的循环能工作是因为ng-repeat帮你遍历了数组，把每个元素赋值给了p；现在要直接访问的话，要么取数组的指定元素，要么把数组改成单个对象就好啦。

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