Question

我对AngularJs很新，并尝试在我的项目中使用它。我制作了一个返回城市当前温度的WebApi函数。从html，我想获得单一温度并显示它。我知道ng-repeat用于显示许多项目，但如何显示单个项目。

我目前的代码如下。我期待展示＆＃34; 20＆＃34;作为温度，但它显示＆＃34; 2＆＃34;和＆＃34; 0＆＃34;两排:)请帮忙。如何将其显示为＆＃34; 20＆＃34;在一排？

<div ng-controller="WearherController">
    <table ng-repeat="weather in weathers" border="1">
        <tr>
            <td>{{weather}}</td>
        </tr>
    </table>
</div>
....
....
....
<script>
var app = angular.module("ZenHaberApp", []);
app.controller("WeatherController", function ($scope, $http) {
    var city = 'Adana';
    $http.get('http://localhost:62747/api/getweatherbycityname/' + city).
      success(function (data, status, headers, config) {
          $scope.weathers = data.condition_temp;

      }).
      error(function (data, status, headers, config) {
          alert("error");
      });
});
</script>

我认为@Sajeetharan给了我解决方案，但现在它显示了一个愚蠢的图像。它是什么？我怎样才能解决这个问题？

这是代码的其余部分

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
<script>
    var app = angular.module("ZenHaberApp", []);
    app.controller("WeatherController", function ($scope, $http) {
        var city = 'Adana';
        $http.get('http://localhost:62747/api/getweatherbycityname/' + city).
          success(function (data, status, headers, config) {
              $scope.weathers = data.condition_temp;

          }).
          error(function (data, status, headers, config) {
              alert("error");
          });
    });
</script>

解决方案：

感谢@Sajeetharan，他发现了问题所在。这是{{weather}}

应该是{{weathers}}

Answer 1

您可以直接指定$ scope变量 weathers ，

<table border="1">
        <tr>
            <td>{{weathers}}</td>
        </tr>
 </table>

<强> DEMO

如何在Angularjs中显示ng-repeat中的单行

1 个答案: