绑定数据提供ID以及其他数据

Question

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

    {{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。我哪里错了？我正确显示了company_name。

Answer 1

这是描述javascript对象的JSON符号。

至于为何显示：看起来company.category包含一系列对象。

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

例如：

company.category[0].category

=＆GT;顺便说一下，这有点令人困惑的属性命名，你应该更合乎逻辑地命名它以避免混淆。

对于|之后的代码，它也只是一个对象，显示您需要的属性名称，例如：

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

Answer 2

首先，company应该是您的模型。然后，您需要拥有category，company_name和locations数组的属性。 id看起来是您模型上的属性，很可能是使每条记录唯一的关键。然后你就可以绑定了。大括号{{ }}使得angular知道它需要了解的东西以及将角度与常规html等分开的方法。