在HTMLBars中从数组访问索引项

Question

我有一个自定义API，它不是为了便于使用Ember数据而格式化的。我很难从api中获得嵌套数组属性的值。

api响应：

{
  "data": [
    {
      "id": 6,
      "name": "Company Name",
      "links": [
        {
          "rel": "self",
          "uri": "/address-book/company-name"
        }
      ],
      "details": {
        "data": {
          "website_url": "http://website.com/",
          "development_website_url": "http://dev_website.com",
          "primary_phone": 9543333333,
          "primary_email": "email@emai.email"
        }
      }
    },
    {
      "id": 3,
      "name": "Company Name",
      "links": [
        {
          "rel": "self",
          "uri": "/address-book/company-name"
        }
      ],
      "details": {
        "data": {
          "website_url": "http://website.com/",
          "development_website_url": "http://dev_website.com",
          "primary_phone": 9543333333,
          "primary_email": "email@emai.email"
        }
      }
    }
  ]
}

我试着把链接显示在这里是我的把手：

{{#each m in model}}
    <tr>
        <td>
            <a href="{{m.links.uri}}">{{m.name}}</a>
        </td>
    </tr>
{{/each}}

现在这个链接uri是空的。如果我将其更改为只返回{object对象}的{{m.links}}。我也尝试过{{m.links[0].uri}}，只是想看看这样做是否有效，但没有什么好处。

这是我的路由器和用于它的适配器。

export default Ember.Route.extend({
    model: function(){
        var adapter = AddressBookAdapter.create();
        var companies =  adapter.findAll();
        return companies;

    }
});

适配器：

export default Ember.Object.extend({
    findAll: function(){
        return ajax('http://localhost:8000/api/v1/address-book/companies?includes=details')
            .then(function(response){
                return response.data;
            });
    }
});

我如何获得这些属性的价值？我觉得这很容易，我就是不明白。

Answer 1

若要在模板中数组的特定索引处访问元素，应使用语法{{array.[index]}}。

根据您的api响应，这可能会起作用：

{{#each m in model}}
    <tr>
        <td>
            <a href="{{m.links.[0].uri}}">{{m.name}}</a>
        </td>
    </tr>
{{/each}}