Angularjs 角度,标记绑定变量作为另一个变量的索引
我想知道AngularJs是否可以使用另一个scrop变量作为索引来呈现数组元素,如: {{数组[{{index}}]} 例如,我试图实现这一点(注意嵌套的{{}): 阵列imagesUrls如下所示:Angularjs 角度,标记绑定变量作为另一个变量的索引,angularjs,ionic-framework,Angularjs,Ionic Framework,我想知道AngularJs是否可以使用另一个scrop变量作为索引来呈现数组元素,如: {{数组[{{index}}]} 例如,我试图实现这一点(注意嵌套的{{}): 阵列imagesUrls如下所示: Object { byrne.png: "./img/brands/byrne.png" byrne.pngtype: "brand" owenwright.png: "./img/pros/owenwright.png" owenwright.pngtype: "pro" BX2.
Object {
byrne.png: "./img/brands/byrne.png"
byrne.pngtype: "brand"
owenwright.png: "./img/pros/owenwright.png"
owenwright.pngtype: "pro"
BX2.png: "./img/boards/BX2.png"
BX2.pngtype: "board"
BlakBox2.jpg: "./img/boards/BlakBox2.jpg"
BlakBox2.jpgtype: "board"
CI-girabbit.png: "./img/boards/CI-girabbit.png"
CI-girabbit.pngtype: "board"
...
谢谢是的,你可以。
尝试删除大括号@item,也可以删除.png或将其添加到检索到的图像名称之后
<img class="imageoptionsbrand" ng-src={{imagesUrls[{{item.brand | lowercase | nospace}}]+'.png']}} />
到
为了向您展示这是可能的,请检查我所提供的这个快速示例
Hi@muller,非常感谢。但问题是,.png包含在imagesUrls数组中,所以我必须以任何方式传递它。你看到解决办法了吗?
Object {
byrne.png: "./img/brands/byrne.png"
byrne.pngtype: "brand"
owenwright.png: "./img/pros/owenwright.png"
owenwright.pngtype: "pro"
BX2.png: "./img/boards/BX2.png"
BX2.pngtype: "board"
BlakBox2.jpg: "./img/boards/BlakBox2.jpg"
BlakBox2.jpgtype: "board"
CI-girabbit.png: "./img/boards/CI-girabbit.png"
CI-girabbit.pngtype: "board"
...
<img class="imageoptionsbrand" ng-src={{imagesUrls[{{item.brand | lowercase | nospace}}]+'.png']}} />
<img class="imageoptionsbrand" ng-src="{{imagesUrls[(item.brand | lowercase | nospace) + '.png']}}"] />