绑定数据提供 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

=> 顺便说一句，这真是令人困惑属性命名，您可能应该更符合逻辑地命名以避免混淆。

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

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

Answer 2

首先，company应该是你的模特。然后在这上面你需要有 category、company_name 的属性和 locations 的数组。 id 看起来是您模型上的属性，很可能是使每条记录唯一的键。然后你就可以绑定了。花括号 {{ }} 是为了让 angular 知道这是它需要知道的东西，也是一种将 angular 与常规 html 等分开的方法

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

Bind Data gives ID along with other data

angularjs

angularjs-ng-repeat

angularjs-bindings