从AngularJS中的JSON数组中获取值

时间:2015-12-09 11:33:02

标签: javascript angularjs json angularjs-scope

PostTradeRequest

}

我有上面的JSON数组,我的控制器通过执行以下操作将其插入到作用域中:

{
"websites": [{
    "A": "www.foo.com"
}, {
    "B": "www.boo.com"
}, {
    "C": "www.zoo.com"
}]

在我看来,我有一个A,B或C的变量。我只需要在视图中显示相应的网站。

所以 - 总结一下:

在我看来,我希望能够执行以下操作:{{websites.website.B}},它会显示相应的网站网址。

3 个答案:

答案 0 :(得分:1)

您必须遍历$ scope.websites并将key与您的view变量匹配。如果匹配则显示该键的值。

使用类似的东西:

    angular.forEach(obj, function(value, key) {
      if(key == <view variable>) {
      // use value to display appropriate website
      }
    });

答案 1 :(得分:0)

  Try this code.

 <li ng-repeat="stuff in websites ">
    <a href="{{stuff.A}}" target="_blank">{{stuff.A}}</a>
    <a href="{{stuff.B}}" target="_blank">{{stuff.B}}</a>
    <a href="{{stuff.C}}" target="_blank">{{stuff.C}}</a>  
</li>

答案 2 :(得分:0)

简短的回答是,在从json内容中获取数据之后,只需使用ng-repeat来循环遍历json内容,然后使用以下内容简单地插入您希望提取到DOM元素(HTML)的相应部分。 $ scope服务