javascript - 如何加载在 Angular 中设置为字符串的 JSON 数值?

标签 javascript arrays json angularjs expression

如果键值是数字,我看不到能够加载 json 图像,如果我在 html 文本或 ascii 中调用它似乎并不重要。

这里我使用两个具有相同图像值的不同键 foo200x150

json:

$scope.items = [
       {
          "id": 1,
          "name": "Location 1",
          "items_image": {
            "id": 101,
            "image": {
              "200x150": "http://placehold.it/200x150?text=num1",
              "foo":     "http://placehold.it/200x150?text=foo1"
            }
          }
        }

将 foo 加载为“foo”:有效

<img ng-src="{{item.items_image.image.foo}}">

将 foo 加载为“foo”:有效

 <img ng-src="{{item.items_image.image.&#102;&#111;&#111;}}">

将 200x150 加载为“200x150”:失败

<img ng-src="{{item.items_image.image.200x150}}">

将 200x150 加载为“200x150”: 失败

<img ng-src="{{item.items_image.image.&#50;&#48;&#48;&#120;&#49;&#53;&#48;}}">

如何用数字做到这一点?我举了一个例子:http://codepen.io/garrettmac/pen/wKOmoP

最佳答案

<img ng-src="{{item.items_image.image['200x150']}}">

关于javascript - 如何加载在 Angular 中设置为字符串的 JSON 数值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33794590/

相关文章:

javascript - 将值从 Controller 传递到模态页面

javascript - Sticky Sidebar Like Facebook 如何添加偏移量?

将 'integer strings' 转换为整数数组

javascript - 如何在 Angular4 的组件上显示不同的 JSON 数据?

javascript - 如何动态创建带变量的对象?

javascript - html5 Canvas 。模糊的线条

java - 给定一个字符串如何将其转换为数组 : Java

java - 如何根据数据库数据验证 Jmeter JSON 响应

c# - foreach 循环获取 JSON 值

javascript - $.getJSON 在函数内部没有响应