Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 角度,标记绑定变量作为另一个变量的索引_Angularjs_Ionic Framework - Fatal编程技术网

Angularjs 角度,标记绑定变量作为另一个变量的索引

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.

我想知道AngularJs是否可以使用另一个scrop变量作为索引来呈现数组元素,如: {{数组[{{index}}]}

例如,我试图实现这一点(注意嵌套的{{}):

阵列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"
 ...
谢谢

是的,你可以。 尝试删除大括号@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']}}"] />