0

我正在尝试使用以下代码绑定数据：

    {{company.category}} | {{company.locations[0]}}
    {{company.company_name}}

输出是：

    [{"id":1,"category":"Advertising and Agencies"},{"id":2,"category":"Arts and Music"},{"id":3,"category":"Client Services"},{"id":4,"category":"Consumer"},{"id":5,"category":"Education"}] | {"id":1,"cities":"Delhi"}
    Microsft Corp

我不知道为什么会有这么多大括号和 id。我哪里错了？我正确显示了公司名称。

4

2 回答 2

1

这是描述 javascript 对象的JSON表示法。

至于为什么显示：它看起来像company.category包含一个对象数组。

通过从要显示的数组中指定对象和属性来解决此问题。

例如：

company.category[0].category

=> 顺便说一下，这是一些真正令人困惑的属性命名，您可能应该更合理地命名它以避免混淆。

后面的代码|，也只是一个对象，显示你需要的属性名，例如：

{{company.locations[0].cities}}

于 2015-07-29T08:57:10.180 回答
0

首先，company应该是你的模型。然后在此您需要具有 的属性category和company_name的数组locations。外观是您模型上的id一个属性，并且很可能是使每条记录独一无二的关键。然后你就可以绑定了。花括号{{ }}是为了让 Angular 知道这是它需要知道的东西，以及一种将 Angular 与常规 html 等分开的方法。

于 2015-07-29T09:01:00.620 回答