Question

我有以下服务

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

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

我在控制器中调用getCities并在我的html中显示数据，如下所示。

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

但国名是0，城市工作正常。

请在此处找到plunker

请让我知道它为什么会发生

Answer 1

将country-name重命名为countryName。您不能在属性名称中使用破折号，然后使用点运算符访问它们。

如果出于某种原因你正在消费你无法控制的api，你可以这样做：

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

问题名称包含 - 在角度服务中

1 个答案: