如何使用 ng-repeat 进行展平

2023-11-30

I have:

    businesses: [
    {businessName: 'A', "address":[loc1, loc2, loc3]},
    {businessName: 'B', "address":[loc1, loc2]},
    {businessName: 'C', "address":[loc1]}
};

我想用输出重复这个对象:

A | street, city, zip, state 
A | street, city, zip, state 
A | street, city, zip, state 
B | street, city, zip, state 
B | street, city, zip, state 
C | street, city, zip, state 

换句话说,我想在带有 ng-repeat 的表格中将此对象显示为平面。

我必须自己压平它,还是 ng-repeat 有能力做到这一点?

理想情况下我可以做类似的事情

ng-repeat business in businesses
business.businessName | business.address.City | business.address.State

通过指定地址,它应该知道我想要它们全部。

否则,我如何压平像这样的物体?

Thanks!


看来你可以稍微处理一下,比如:

var flatBusinesses = [];
for (business in businesses) {
    for (address in business.addresses) {
        flatBusinesses.push ({name: business.name, address: address.City, state: address.State}
    }
}

然后在视图中的 flatBusinesses 上重复

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 ng-repeat 进行展平 的相关文章

  • 在 for 循环中突破 Promise 块

    我有以下代码 this storeNameValidate function stores var deferred q defer console log stores for storeIndex in stores this name
  • 按 Chartjs 条形图的键对对象进行分组

    我正在尝试使用 Chart js 创建条形图 我在尝试根据每个用户的状态创建分组条形图时陷入困境 这是数据 statusId 0 firstName Joe status appealed count 1 statusId 0 firstN
  • 有效使用 Angular Promise 和 Defers

    在 Angular 以及所有 SPA JS 框架 中 假设页面导航对于用户来说非常快速且 无缝 此速度的唯一瓶颈是使用 API 调用从我们的服务器检索数据 因此 寻找一种解决方案似乎是合理的 在该解决方案中 我们可以在等待 API 调用获得
  • AngularJS 中的非单例服务

    AngularJS 在其文档中明确指出服务是单例 AngularJS services are singletons 违反直觉的是 module factory还返回一个 Singleton 实例 鉴于非单例服务有很多用例 实现工厂方法以返
  • ng-bootstrap ngbDropdown 在 Angular 4 中不起作用

    在我的 Angular 4 应用程序中 ng bootstrap 中的 ngbDropdown Element 不起作用 对于这种情况 我安装了以下 npm 模块 ng bootstrap ng bootstrap 1 0 0 alpha
  • 在 Angular ui-router 中更改状态而不更改浏览器历史记录

    假设我们有这样的逻辑 从状态A改变到状态B 每当我们到达状态 B 时 应用程序总是通过调用将我们重定向到状态 C state go stateC 现在我们处于状态C 我的问题是如何从状态 C 返回状态 A 考虑到状态 A 可以是我们在运行时
  • AngularJS,使用没有后退按钮刷新的路由

    我在用着angularJS使用 AJAX 构建一个简单的单页应用程序 但是当用户使用本机后退按钮时我遇到了问题 angular module myApp ionic myApp controllers myApp services conf
  • ng-include 跨域帮助 angularjs

    我正在尝试为加载到 ng include 跨域的 url 实现白名单 这是一场噩梦 我有一个在本地运行良好的包含 div div 然后我像这样添加白名单 angular module myApp ngRoute ngResource con
  • 添加甜蜜警报 Angular js

    我是 AngularJS 的新手 我正在尝试使用来自https github com oitozero ngSweetAlert https github com oitozero ngSweetAlert 我已经将相应的脚本添加到我的in
  • D3.js折线图溢出边距

    我有 d3 js 折线图 它作为 angular js 应用程序的指令包含在内 动态添加的线和 xAxis 以及缩放线上的边距溢出 我必须在图的顶部为每条加载的线创建 Ox 轴 并具有 Ox 和 Oy 单独的缩放可能性 Oy 缩放工作正常
  • 在模态中打开模态

    我有一个有角度的 ui 模态 其中有一个按钮 单击此按钮时 我想在 Angular ui 中打开另一个模式 我该怎么做 scope open function var modalInstance modal open templateUrl
  • 在 AngularJS 控制器之间共享数据,但共享数据来自 Ajax 调用

    我已经弄清楚如何在下面的示例中使用共享服务在两个 AngularJS 控制器之间共享数据 运行中fiddle http jsfiddle net antelopelovefan pPKzW 1 var app angular module
  • cordova.js 导致引用错误“未定义需求”

    我想用恩科尔多瓦检测设备的网络状态 然而 一旦我包括科尔多瓦 js我收到一个错误 未捕获的引用错误 未定义 require cordova js 23 我已经安装并成功运行Node js and Cordova 我已经下载并安装了恩科尔多瓦
  • AngularJs 数据绑定不适用于 ionic

    我觉得我在离子输入文本中遗漏了一些明显的东西 我在用angular ui router这条路线 stateProvider state findPersons url findPersons templateUrl html findPer
  • Angular.js:未捕获的错误,没有模块:myapp

    我也在尝试引导 angular js 项目 这是我的index html div p Loading p div
  • 导航嵌套组件时创建面包屑 (Angular 2)

    我正在为此苦苦挣扎 这个想法是有一个组件 当浏览子视图时更新面包屑 例如
  • 如何在angularjs中使用addClass方法

    我有一个仅限于类的 angularjs 指令 如何使用 angularjs 中的 addClass 方法添加它 指示 app directive number function return restrict C link function
  • 如何正确清理来自 AngularJS 控制器的无效输入的表单?

    我有一个 AngularJS 表单 其中包含 除其他字段之外 类型之一url 后者很重要 因为这会强制相应的输入成为有效的 URL 在某些条件下 例如 要关闭具有此类表单的模式对话框 我想以编程方式清除该表单 为此 我实现了方法reset基
  • 使用 Angular 指令禁用文本选择

    我正在学习 JavaScript 和 AngularJS 我想使用 Angular Directive 禁用文本选择 我有该函数的 JavaScript 代码 function clearSelection if document sele
  • 如何清除单个函数中的所有 AngularJS $scope 和 $rootScope 值?

    我需要清除所有 scope执行某些操作时的值 例如 如果我点击 Signout 按钮重定向到 signin 页面 然后所有 scope or rootScope应清除会话中的值 我怎样才能实现这个目标 您可以执行以下操作 rootScope

随机推荐

  • Plotly (Python) 子图:填充方面和共享图例

    我正在尝试创建 2 个具有共享 x 轴的图 但遇到两个问题 一旦我自定义布局yaxis and yaxis2标题和 或刻度线 y 轴开始重叠 我希望在两个图之间共享图例 但它们是重复的 这是重现我遇到的问题的代码 from plotly o
  • 将回收器视图滚动到顶部时分页

    我需要在向上滚动 RecyclerView 时实现分页 我面临一些问题 因为在将内容添加到第 0 个位置并通知适配器时 recyclerview 自动滚动到顶部 有没有办法禁用这种行为 Override public void onBind
  • 如何将pip命令覆盖为Python3.x而不是Python2.7?

    我使用的是 OSX 并且为 Python3 5 和 Python2 7 安装了 pip 我知道我可以运行命令pip2使用Python2以及当我使用命令时pip3将使用Python3 x 问题是默认的pip设置为Python2 7 我希望它是
  • 在设计时更改自定义控件默认 Text 属性

    我创建了一个用户控件 它基本上是一个带有一些自定义属性的按钮 public partial class CustomButton Button My custom properties constructor and events 每次我添
  • 正则表达式用于获取字符串中字符后的所有数字

    我正在尝试解析以下字符串并返回最后一个方括号之后的所有数字 C9 Title of object foo bar ch1 CH12 c03 4 所以结果应该是 1 12 03 4 字符串和数字将会改变 重要的是获取 后面的数字 无论其前面是
  • T-SQL 查询返回不应该返回的项目

    这是场景 有问题的列称为 datein 其类型为 datetime 我有三行 datein 的值为 2009 10 01 00 00 00 000 为什么这个查询会返回上述行 SELECT FROM t call AS tc WHERE t
  • 使用 onDismiss() 从 DialogFragment 获取信息

    我正在开发一个应用程序 并且正在使用扩展 DialogFragment 的自定义对话框 该对话框将包含我想要传递给父活动的某些字段 我尝试实现 OnDismissListener 但参数是对话框接口 任何想法 家长活动 fab setOnC
  • 从 docker 镜像获取 dockerfile / docker 命令

    是否可以取回为生成给定 docker 映像而运行的 docker 命令 由于 docker 文件的每一行都应映射到单个层 因此这似乎是可能的 但我在文档中没有看到任何内容 docker history
  • R 中 ggplot2 中的分组条形图

    我想制作一个分组条形图 我的数据示例如下 site code year month gear total value 678490 2012 3 GL 13882 678490 2012 4 GL 50942 678490 2012 5 G
  • 匹配长度为 n 的所有连续数字 [重复]

    这个问题在这里已经有答案了 在我的示例中 其中 n 4 我对 Regex 很陌生 已经搜索了 20 分钟 有一些有用的网站可以简化事情 但我不知道如何继续下去 我希望从中提取 4 个连续数字的每个组合 12345 to get 1234 p
  • 当 var 被最明确地定义时,Python NameError

    def make pdf self self get filez self get client file name self client id self client name self batch num style libxslt
  • Spark UDAF以ArrayType作为bufferSchema性能问题

    我正在开发一个返回元素数组的 UDAF 每次更新的输入是索引和值的元组 UDAF 的作用是将同一索引下的所有值相加 Example 对于输入 索引 值 2 1 3 1 2 3 应该返回 0 0 4 1 0 逻辑工作正常 但我有一个问题更新方
  • 使用 ServletUnit 测试 JSP 的示例

    谁能给我一个如何使用 ServletUnit 测试 JSP 的示例 我需要调用registerServlet 吗 如果是这样 我应该传递什么类名 如果您要使用默认的 Jasper 编译器 则不需要注册Servlet 但是 我需要 Jaspe
  • PHP 电子邮件中的新换行符

    我有以下代码 message Good news The item item number on which you placed a bid of bid price is now available for purchase at yo
  • Google 应用程序引擎中的 Webapp2 会话

    我刚刚弄清楚如何使用 python 在我的 Google 应用程序引擎项目中实现 webapp2 会话 代码如下 我想知道最好的方法是什么 我所做的是创建一个 python 文件并将 BaseHandler 代码放入其中 然后我只需导入它
  • 任务不可序列化:仅在类而非对象上调用闭包外部的函数时出现 java.io.NotSerializedException

    在闭包之外调用函数时出现奇怪的行为 当函数位于对象中时 一切正常 当函数在类中时 get 任务不可序列化 java io NotSerializedException 测试 问题是我需要类中的代码而不是对象中的代码 知道为什么会发生这种情况
  • 如何在 Firestore 中对对象数组使用数组包含运算符?

    所以 我想从 firestore 查询一些数据 这是我的数据结构 所以 集合是模块 那么我现在有 2 个文档 但它将是 75 个左右 然后在该文档中我想获取具有特定 LessonId 的特定文档 在本例中为 2 我该如何查询这个 这是我尝试
  • For 循环中的 java.util.ConcurrentModificationException

    我正在尝试编写一个 IM 软件 我想让用户离开对话并告诉他的伙伴他已经离开了 我更喜欢使用 for 循环而不是 Iterator 寻找所有用户并找到要求离开的用户并删除他 就像这样 for Clientuser Cu EIQserver O
  • 为什么回显 JSON 编码数组不会产生任何输出

    我有一个包含 19 个元素的小数据库 这是我用于检索数据库的 PHP 函数 function retrieveDB tempDB array database new mysqli DB HOST DB USER DB PASS DB NA
  • 如何使用 ng-repeat 进行展平

    I have businesses businessName A address loc1 loc2 loc3 businessName B address loc1 loc2 businessName C address loc1 我想用