ng-repeat 未填充 <info-window>

Question

我在我的应用程序中使用了angularjs-google-maps 指令，到目前为止它一直运行良好。

我试图在<info-window> 中显示Items 和Shop。但是，ng-repeat 没有被填写，我不知道为什么。

<map>

    <div ng-repeat="shop in shops">

        <marker id="{{shop.shop_name}}" 
                position="{{shop.position}}" 
                title="{{shop.shop_name}}"
                on-click="showInfoWindow(event, shop.id)"></marker>

        <info-window id="{{shop.id}}" visible-on-marker="{{$index}}">
            <div style="width: 500px; height: 300px;">
                {{ shop.shop_name }} <br />

                {{ shop.items[0].name }}

                <!-- This line is not working -->
                <div ng-repeat="item in shop.items">{{$index}}|{{item.name}}</div>

                <div class="clear"></div>
            </div>
        </info-window>

    </div>

</map>

为什么ng-repeat 没有填充<info-window> 中的数据？

Answer 1

你的代码没有明显的问题，因为给定

$scope.shops = [{
  id: 1,
  name: 'name1',
  items: [1,2]
},{
  id: 2,
  name: 'name2',
  items:[3,4,5]
}];

然后是 HTML 模板

<div ng-controller="" class="ng-scope">
  <map center="" zoom="">
    <info-window id="1" position="">
      <div ng-non-bindable="">
        <div ng-repeat="shop in shops">
          <div>
            shop id:{{ shop.id }} name:{{shop.name}}
          </div>
          <div ng-repeat="item in shop.items">
            item:{{ item }}
          </div>
        </div>
      </div>
    </info-window>
  </map>
</div>

给你

相关plunker在这里http://plnkr.co/edit/kJvhCX