使用ng-repeat

Question

我正在尝试使用ng-repeat来显示所有threeDay.forecast.simpleforecast.forecastday.high.fahrenheit ，因为forecastday是一个数组。 在这种情况下，我将如何使用ng-repeat ？ 这是我的代码，仅显示Forecastday数组中第一条数据的华氏温度。

<body ng-app="ForecastApp">
  <div class="main" ng-controller="MainController">
    <p>{{ threeDay.forecast.simpleforecast.forecastday[0].high.fahrenheit }}</p>
  </div>
</body>

Answer 1

您可以在这种情况下使用ng-repeat：

<body ng-app="ForecastApp">
    <div class="main" ng-controller="MainController">

        <p ng-repeat="forecastday in threeDay.forecast.simpleforecast.forecastday">
            {{ forecastday.high.fahrenheit }}
        </p>

    </div>
</body>

只需遍历所有threeDay.forecast.simpleforecast.forecastday表并显示它的每个high.fahrenheit元素。

Answer 2

假设threeDay.forecast.simpleforecast.forecastda是一个集合/数组，并且该数组中的每个项目都具有high属性，而该属性又具有fahrenheit属性

<body ng-app="ForecastApp">    
  <div class="main" ng-controller="MainController">

     <p ng-repeat="f in threeDay.forecast.simpleforecast.forecastday">
        {{f.high.fahrenheit}}
    </p>    

  </div>
</body>

使用ng-repeat

问题描述

2 个解决方案

解决方案1
2 已采纳 2015-12-23 23:49:28

解决方案2
0 2015-12-23 23:49:42

使用ng-repeat

问题描述

2 个解决方案

解决方案1 2 已采纳 2015-12-23 23:49:28

解决方案2 0 2015-12-23 23:49:42

解决方案1
2 已采纳 2015-12-23 23:49:28

解决方案2
0 2015-12-23 23:49:42