AngularJS对象属性无法绑定到模板/HTML元素求助

嘿，你现在看到的其实是数组被AngularJS转换成JSON字符串输出的结果——这是框架默认处理对象/数组插值的方式。要把每个job的具体属性（标题、描述）展示出来，你需要用ng-repeat指令遍历数组，逐个访问对象属性才行。

修改后的HTML代码 #

<div ng-controller="AddCurrentJobs">
  <!-- 用ng-repeat遍历jobinfo数组 -->
  <div ng-repeat="job in jobinfo">
    <h4>{{job.title}}</h4>
    <p>{{job.description}}</p>
    <hr> <!-- 可选：添加分隔线区分不同job -->
  </div>
</div>

简单解释 #

• ng-repeat="job in jobinfo"：这个指令会循环遍历$scope.jobinfo数组里的每一项，每次循环把当前项赋值给job变量。
• 循环内部的{{job.title}}和{{job.description}}就能精准访问每个对象的属性，页面就会显示清晰的工作标题和描述，而不是原始的JSON串了。

如果只是调试时想看数组结构，你也可以用{{jobinfo | json}}来格式化输出JSON，但显然你现在需要的是展示具体内容，ng-repeat才是正确的做法。

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