在两个数组上进行 ng-repeat

2023-11-27

我想对由两个数组组成的数组执行 ng-repeat,如下所示:

[titles: [], links: []]

我的数组(标题和链接)具有相同的长度 最后,我想在 ng-repeat 中打印类似的内容:

{{ array.title }}
{{ array.link }}

例如,在 C 程序中我必须这样做:

int i;

i = 0;
while (titles[i])
{
    printf("%s - %s", titles[i], links[i]);
    i++;
}

目前还不清楚你是如何拥有你的数据的 -[titles: [], links: []]没有意义。

理想情况下,您会将数据排列为对象数组,如下所示:

var array = [{title: "foo", link: "bar"}, {title…etc]

然后你就可以使用:

<div ng-repeat="obj in array">
   {{obj.title}},  {{obj.link}}

If you know标题和链接的大小始终相同,您可以这样做,但它不是很漂亮并且可能有点脆弱:

<div ng-repeat="title in titles">
   {{title}}, {{links[$index]}}
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在两个数组上进行 ng-repeat 的相关文章

  • 使用 @Input() 时出现 TypeScript 错误

    我正在尝试使用 Angular 4 开发一个应用程序 但是我在使用时收到一条错误消息 Input inputProducts products Product 错误是 tslint 在 ProductListComponent 类中 指令输
  • 大型 AngularJS 应用程序设计

    我需要关于设计具有多个复杂模块的 AngularJS 应用程序的建议 并根据用户角色在身份验证和授权后加载模块 有些用户可以访问一个简单的模块 有些用户可以访问仪表板 有些用户可以访问 2 个以上的模块 我们已经确定了许多可以在不同模块中重
  • Angular 计算 HTML 中的百分比

    我试图在 HTML 中显示百分比值 如下所示 td myvalue totalvalue 100 td 它可以工作 但有时它会给出一个很长的小数 这看起来很奇怪 如何四舍五入到小数点后两位 有更好的方法吗 您可以使用过滤器 如下所示杰夫约翰
  • 角度剑道下拉

    我正在对许多组件使用 Angular kendo ui 但遇到了一个我似乎无法解决的问题 我有以下角度选择 它工作正常并将所选值正确绑定到 ng model
  • 如何在 Angular JS 应用程序中使用 ckeditor? [复制]

    这个问题在这里已经有答案了 我是 angularJS 新手 我需要在我的应用程序中使用 ckeditor 作为文本区域 在我在 Angular 应用程序上尝试之前 我已经完成了一个 仅 html 网页 我已经生成了我的 ckeditor 包
  • AngularJS 路由与后端路由

    我想在我的下一个项目中使用 AngularJS 该应用程序具有 Python 后端和 html5 Angular 前端 我将在后端使用 MVC 框架 但我有点困惑 我必须在后端和前端使用路由吗 因为我总是使用后端路由 而前端路由对我来说确实
  • 带有量角器端到端测试的 Electron 应用程序

    我目前正在研究一个Electron http electron atom io 应用程序 我现在想将端到端测试与量角器 https angular github io protractor 我已经查看了 Protractor 的教程 现在正
  • 项目组织和命名约定

    这在某种程度上是后续每个模块组件重复模块名称 https stackoverflow com questions 25005897 repeating module name for each module component问题 我们决定
  • 如何从此 d3.js layout.tree 获取树祖先和树后代的列表?

    我正在尝试和修改this https bl ocks org mbostock 4339083d3 js 的示例 用于根据 JSON 树结构绘制树 这就是树的一部分开始时的样子 我正在尝试进行两个单独的修改 但我不知道该怎么做 当单击节点的
  • 将复杂对象传递给 ui-sref 参数

    我需要这样的构建网址 列表 过滤器 状态 1 过滤器 类型 2 I do link a List a 在参数中传递复杂对象 如果传递简单对象 filter 1 可以 但我需要这个 state state list url list filt
  • 如何使用 KendoUI 网格设置 CURD 以与 Kendo-Angular 和 Angular OData 工厂一起使用?

    在之前的项目中 我没有使用 Angular 我设置了一个Kendo DataSource使用 OData 端点 如下所示 var userDS new kendo data DataSource type odata transport r
  • WebAPI 和 Angular JS Excel 文件下载 - 文件损坏

    我正在 WebAPI 中生成 Excel 文件 我将其 存储 在内存流中 然后放入响应 如下所示 var result new HttpResponseMessage HttpStatusCode OK Content new Stream
  • 如何使用 Angular 创建 n 个可打印页面?

    嗯 我搜索了一下 没有找到类似的东西 我想知道如何使用 Angular 创建可打印内容 跳转到页面末尾并打印更多内容 如何强制内容始终适合特定尺寸 例如 PDF 我需要 Angular 来执行此操作吗 如果不是 HTML 我可以迭代 PDF
  • AngularJS 中的重定向状态

    这是状态配置 angular module grabhutApp config function stateProvider urlRouterProvider stateProvider ACCOUNT state account abs
  • Angular - 过滤器从数组中删除空白字符串

    我有一个数组对象 数组可以包含空格 我如何创建 Angular 过滤器来删除空格以确定数组的长度 scope myData 1 1 4 4 N 4 6 8 2 2 4 6 0 6 5 4 2 8 2 3 3 F D 3 5
  • 未捕获的引用错误:在 karma start karma.conf.js 上未定义 require

    使用 Karma 和 Jasmine 对 Rails 应用程序的 Angular 前端进行单元测试 看来我已经做了所有已知的事情来解决这个错误 并且我的 package json 中留下了一百万个依赖项 这是我的 Karma conf js
  • AngularJS 中“href”和“ng-href”的区别

    我都用过href and ng href我看不出它们之间的区别 为什么 Angular 有ng href属性 什么时候应该使用它 从文档中 https docs angularjs org api ng directive ngHref 使
  • 如何在 iOS 中使用 Cordova 文件传输插件下载文件

    我使用以下代码来下载文件 scope onDownloadMusic function live var downloadUrl offlineUrl fileName var hostUrl encodeURI live url var
  • AngularJs ng-if 比较日期

    我正在比较 ng 中的两个日期 如果这就是我的玉文件的样子 li list group item ng if app Segments 0 StartDate getTime gt date getTime div row div col
  • AngularJS:服务、提供商、工厂

    之间有什么区别Service Provider and Factory在 AngularJS 中 从我得到的 AngularJS 邮件列表一个惊人的线程 https groups google com forum msg angular 5

随机推荐

  • 在 PHP 中,如何添加到零填充数字字符串并保留零填充?

    如果我在 PHP 中有一个变量包含0001我加 1 结果是 2 而不是0002 我该如何解决这个问题 foo sprintf 04d foo 1
  • 应用程序确实收到本地通知未触发 iOS 7

    问题 void application UIApplication application didReceiveLocalNotification UILocalNotification notification 有时在 iOS 7 中不会
  • 如何在 pandas groupby 中聚合多列

    我使用以下输入创建了一个 pandas 数据框 mn keyA state n1 n2 d1 d2 key1 CA 100 1000 1 2 key2 FL 200 2000 2 4 key1 CA 300 3000 3 6 key1 AL
  • R重命名函数中传递的列

    我一直在寻找这个并发现这个链接有助于重命名函数中传递的列 column name 实际制作的代码my function1在我寻找了一段时间后工作 有没有办法使用管道运算符来重命名函数内数据框中的列 我的尝试显示在my function2但它
  • Ubuntu 上的 ASP.Net Core 应用程序服务仅侦听端口 5000

    我正在尝试在 Ubuntu 服务器上托管 ASP Net Core MVC 应用程序 启用了 https 重定向 使用 Nginx 作为反向代理 我已使用 OpenSSL 创建并安装了本地 SSL 证书 当我使用 dotnet CLI 运行
  • 为什么 Web 部署代理服务监听端口 80 和 8172

    在四个 Win Server 2008 R2 机器上 我们安装了 MS Deploy 它侦听端口 80 和 8172 这使人们对网络上有关在 IIS 7 上运行时无需更改端口 80 默认值的所有其他材料产生疑问 我无法理解 为什么它使用两个
  • std::move 如何将表达式转换为右值?

    我不完全理解的实现std move 也就是说 我对 MSVC 标准库中的这种实现感到困惑 template
  • 使用 php 在文本文件中搜索短语/单词

    我如何扫描目录中的特定文本行并使用 php 列出所有匹配的文件 Thanks 几天前我实际上为此编写了一个函数 这是扫描每个文件的基本函数 foreach glob
  • Haskell 中无限列表的笛卡尔积

    我有一个有限列表的函数 gt kart a gt b gt a b gt kart xs ys x y x lt xs y lt ys 但如何实现它infinite清单 我听说过一些关于康托尔和集合论的事情 我还发现了一个类似的功能 gt
  • 如何优化此 Python 代码(来自 ThinkPython,练习 10.10)

    我正在通过艾伦唐尼工作如何像计算机科学家一样思考 并且我已经为练习 10 10 编写了我认为功能正确的解决方案 但运行只花了 10 多个小时 所以我想知道我是否错过了一些非常明显且有用的优化 这是练习 如果从每个单词中交替取字母形成一个新单
  • 从 iframe 外部调用 javascript 函数

    我在 iframe 中有一个完整的 html 打开 其中包含 javascript 函数 getData 现在我不确定如何从该框架外部调用 getData 是否可以从外部 javascript 文件调用它 您可以从 window frame
  • 向公众公开 Firebase apiKey 是否安全?

    The Firebase Web 应用程序指南状态我应该把给定的apiKey在我的 Html 中初始化 Firebase TODO Replace with your project s customized code snippet
  • jquery 重新排序 div

    我有 3 个 div 想要反转文档准备好的顺序 div First div div Second div div Third div 我怎样才能在 jquery 中做到这一点 div div First div div Second div
  • 将十六进制字符串转换为 IP 地址

    我想将字符串值 十六进制 转换为 IP 地址 我该如何使用 Java 来做到这一点 十六进制值 0A064156 IP 10 6 65 86 This site给了我正确的结果 但我不确定如何在我的代码中实现它 可以直接在 XSLT 中完成
  • 将元组添加到集合中不起作用

    scala gt val set scala collection mutable Set Int Int set scala collection mutable Set Int Int Set scala gt set 3 4
  • C# 遍历类属性

    我目前正在设置类对象的所有值Record 这是我目前用来逐个属性填充记录的代码 Loop through each field in the result set for int i 0 i lt resultItems Length i
  • PHP:如何清理上传的文件名?

    我有一个 PHP 应用程序 我允许用户将文件上传到我的网络应用程序 Question 对我来说清理上传文档的文件名的最佳方法是什么 FILES filename tmp name in PHP UPDATE 我可以获取上传文件名的 MD5
  • 在MySQL中实现大量数据快速插入的最佳方法是什么?

    我用 C 编写了一个程序来解析大型 XML 文件 然后使用插入语句创建文件 其他一些进程会将文件摄取到 MySQL 数据库中 这些数据将作为索引服务 以便用户可以轻松查找文档 我选择InnoDB是因为它具有行级锁定的能力 C 程序将在给定调
  • Python:抑制进入命令行的错误?

    当我尝试从命令行执行 python 程序时 出现以下错误 这些错误不会对我的输出造成任何问题 我不希望它显示在命令行中 Traceback most recent call last File test py line 88 in
  • 在两个数组上进行 ng-repeat

    我想对由两个数组组成的数组执行 ng repeat 如下所示 titles links 我的数组 标题和链接 具有相同的长度 最后 我想在 ng repeat 中打印类似的内容 array title array link 例如 在 C 程