动态ng-init变量- Angularjs

Question

.coffee

@FooCtrl = ->
  $scope.products = Product.query()

.html

<div ng-repeat='product in products'>
  <div ng-init='images_{{product.id}} = product.images' >
    <div class='slideshow' ng-repeat='pic in images_{{product.id}}'>
       <img ng-src='{{pic.url}}' />
    </div>
</div>

我想做的就像this.But ng-init='images_{{product.id}}'正在抛出一些exception.Any补救措施或替代解决方案一样？

Answer 1

你这样做的方式可能不会像ng-init接受标准的Javascript表达式那样工作，所以{{}}不会工作。

因为javascript对象只是一个键值集合。您需要使用[]表示法而不是.表示法来访问动态属性。

所以这就是

<div ng-init='images_{{product.id}} = product.images >

变成了

<div ng-init='this["images_"+this.product.id] = product.images'>

请参阅我创建的this fiddle