2016-10-30 2 views
0

AngularJsを初めて使用していて、プロジェクトで使用しようとしています。私は都市の現在の気温を返すWebApi関数を作った。 htmlから、私はその単一の温度を取得し、それを表示したいと思います。 ng-repeatは多くの項目を表示するのに使用されていますが、単一の項目を表示する方法はわかっています。ng-repeatで単一行をAngularjsで表示する方法

私の現在のコードは以下の通りです。私は温度として "20"を表示することを期待しましたが、2行に "2"と "0"を表示します:)助けてください。どのようにして1行に「20」と表示できますか?

<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が私に解決策を与えたが、今、それは愚かな画像を表示すると思います。それは何ですか?これをどうすれば解決できますか?ここ enter image description here

コード

<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> 

SOLUTIONの残りの部分である:@Sajeetharanへ

おかげで、彼は問題を見つけました。それはでした{{天候}}

それはあなたが直接weathers変数$スコープを割り当てることができます

+0

セル、$ scope.weathersの中身を投稿できますか? – Sajeetharan

答えて

2

{{天候}}、あるべきである

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

DEMO

+0

こんにちは@Sajeetharan、お時間をありがとう。私はあなたの答えは正しいと思うが、それは愚かなイメージを表示します。それは何ですか?私は上記の画像を –

+0

というセルに投稿しました。あなたは$ scope.weathersの中身を投稿できますか? – Sajeetharan

+0

私は$ scope.weathers –

関連する問題