首页 > 解决方案 > ng-repeat 在 angularjs 中不起作用

问题描述

<body ng-app="">
<div ng-init="places = [{country='Pak',conti='asia'}, {country='ind',conti='asia'}]">

  <p ng-repeat='place in places'>
    Name: {{place.name }}
    conti: {{place.counti}}
  </p>

</div>
</body>

上面的 ng-repeat 没有显示任何内容,我正在使用 HTML 而不是任何特定的控制器或任何东西,只是试图显示数组的记录。

标签: angularjs

解决方案


尝试关注

  • JSON使用有效ng-init
  • 使用访问属性的正确键,例如place.countryplace.conti

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js"></script>

<div ng-app="">
  <div ng-init="places = [{country:'Pak',conti:'asia'}, 
{country:'ind',conti:'asia'}]">
    <p ng-repeat='place in places'>
      Name: {{place.country }} conti: {{place.conti}}
    </p>
  </div>
</div>


推荐阅读