使用AngularJS访问嵌套JSON

时间:2014-04-24 14:18:05

标签: javascript json angularjs

我试图从Behance.net提取数据,当我尝试获取信息时,我遇到了两个问题。

第一个问题是尝试提取项目的描述。我可以通过调用ng-bind="project.description"来获取信息,但格式(段落返回)不存在,因此我尝试提取格式化的描述。

这是html:

<div class="col-sm-6">
    <h3 ng-bind="project.name"></h3>
    <p ng-bind="project.modules.text"></p>

    <h4><i class="fa fa-tags success"></i> Tags</h4>
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
        <div class="pull-left label label-info" style="margin-right:5px; margin-bottom:10px;"
              ng-repeat="tag in project.tags" ng-bind="tag"></div>
      </div>
    </div>

以下是Behance显示的JSON数据:

angular.callbacks._0({
    "project": {
    ....
         "modules": [{
            "id": 111549713,
            "type": "text",
            "text": "This is the description of the project I am trying to get"

我猜测的第二个问题与第一个问题相同,但就在这里。

<p style="margin-top:10px;" ng-bind="user.sections.About"></p>

和JSON文件:

angular.callbacks._1({
    "user": {
       "sections": {
            "About Me": Description used on the behance website that I am trying to display

我可以提取除这两个实例之外的任何信息。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

第一期:

project.modules是一个数组,所以请尝试这样做:

<p ng-bind="project.modules[0].text"></p>

第二期:

由于“关于我”属性包含空格,您需要使用括号表示法来访问它:

<p style="margin-top:10px;" ng-bind="user.sections['About Me']"></p>