mean.io - Angular-leaflet-directive 语法错误：表达式第 2 列的标记“{”无效键

Question

我在使用 angular-leaflet-directive 创建多个地图时遇到问题。

我有城市列表，我想使用 ng-repeat 来显示许多地图。

这是代码

<div ng-repeat="(key,city) in listCity" class="panel panel-info col-md-2" style=" height: 25%;">
      <div class="panel-heading">{{city.name}}</div>
      <div class="panel-body" style="width: 100%; height: 100%;">
          <leaflet style="width: 100%; height: 90%;" center="{{city.place_id}}"></leaflet>
      </div>
    </div>

它警告错误Syntax Error: Token '{' invalid key at column 2 of the expression [{{city.place_id}}] starting at [{city.place_id}}]。当我通过用其他字符串更改“中心”进行测试时，它没有错误。

请帮我修复它。

太感谢了 ！！！！！！！

Answer 1

根据docs 中的示例，您必须在 center 属性中提供 a lat、 alng和 a zoom。

所以尝试这样的事情：

<div ng-repeat="city in listCity" class="panel panel-info col-md-2" style=" height: 25%;">
    <div class="panel-heading">{{city.name}}</div>
    <div class="panel-body" style="width: 100%; height: 100%;">
        <leaflet style="width: 100%; height: 90%;" center="{ lat: city.lat, lng: city.lng, zoom: 10 }"></leaflet>
    </div>
</div>

我假设你listCity是一个数组。