問題 - 角度サービス

Question

では、私は私のコントローラでgetCitiesを呼び出し、下記のように私のhtml内のデータを表示しています

var places = [ 
     { "city" : "Bangalore","country-name": "India"}, 
     { "city" : "Mysore","country-name": "India"} 
     ]; 

     this.getCities = function(){ 
     return places; 
     }; 

下のようなサービスを提供しています。

<li ng-repeat="place in places"> 
     <label>City : {{place.city}}</label> 
     <label>Country : {{place.country-name}}</label> 
     </li> 

しかし、国名は0で、都市は正常に動作しています。

ここplunker

はそれがcountryNameに

Answer 1

名前の変更country-nameが起こっている理由を私に知らせてください見つけてください。あなたのプロパティ名にダッシュをつけて、ドット演算子でアクセスすることはできません。

あなたがコントロールしていないAPIを消費しているいくつかの理由で、あなたの代わりにこれを行うことができた場合：

<label>Country : {{place['country-name']}}</label>