AngularJS:嵌套ng-repeat(对象中的数组)仅在数组中有一项时有效,在多项时无效

2024-01-13

好吧,我有一个奇怪的问题。我有一系列对象。每个对象都包含另一个(字符串)数组。我使用循环遍历对象数组ng-repeat。在重复的代码中我ng-repeat在字符串数组上。由于某种原因,这个嵌套ng-repeat仅当字符串数组仅包含一 (1) 项时才有效。当物品较多时,它就不起作用了。

Code

的结果<pre>{{ answer.value | json }}</pre>

[
  "Apothekerskast",
  "Apothekerskast",
  "Koelkast ombouw"
]

The view(要点是因为在这里发布会导致降价问题):https://gist.github.com/fabdrol/898e4ac9760fc358ce81 https://gist.github.com/fabdrol/898e4ac9760fc358ce81

数据(JSON格式),方便阅读:https://gist.github.com/fabdrol/089467fa09dad6e89e81 https://gist.github.com/fabdrol/089467fa09dad6e89e81


It 不喜欢重复的 https://docs.angularjs.org/error/ngRepeat/dupes, use track by $index:

ng-repeat="val in vals track by $index"

JSFiddle:http://jsfiddle.net/nedq13q2/ http://jsfiddle.net/nedq13q2/

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

AngularJS:嵌套ng-repeat(对象中的数组)仅在数组中有一项时有效,在多项时无效 的相关文章

  • 在单页应用程序上重用 Google Maps API 实例

    假设我有一个单页应用程序 Angular JS 应用程序 并且我在元素 id 上绘制一个 Google 地图实例googleMap var mapInstance new google maps Map document getElemen
  • 将文件内容存储到数组中

    我的刽子手程序有问题 我真的认为我需要做的事情超出了我对java的理解 这是我的代码 import java io BufferedReader import java io FileReader import java io FileNo
  • C 中带有指针的 For 循环

    我不明白指针在其中的作用for loop 什么是 p在下面的循环中做什么 char str 128 Some Text char p for p str p what does this mean p Code 其余的我都明白 但为什么不明
  • 通过链接导航多个对象而不重复

    我正在尝试浏览一堆带有其他对象链接的对象 我想从 id 1 开始并浏览每个对象 有些对象会循环回到之前的对象 所以我想确保每个对象只查看一次 否则我会陷入无限循环 我还希望能够通过链接导航来判断哪些对象无法访问 我认为导航顺序并不重要 这是
  • 如何使用现有列表创建二维数组?

    例如 我有一个名为 mazeline 的 txt 数据 如下所示 abcd cdae korp 所以我首先列出了 3 个清单 mazeline readmaze split mline0 list mazeline 0 mline1 lis
  • AWK数组初始化

    是否可以使用常见的方法在AWK中初始化数组list syntax array val1 val2 val3 或者是否必须使用索引值 syntax array 0 val1 array 1 val2 array 2 val3 不 不 您可以这
  • AngularJS 创建全局键盘快捷键的方式是什么?

    我想我应该使用指令 但将指令添加到正文似乎很奇怪 但监听文档上的事件 执行此操作的正确方法是什么 更新 找到 AngularJS UI 并看到their https docs angularjs org api ng directive n
  • PHP 数组到 JavaScript 数组

    假设我在 php 中有这个数组 cities array Caracas gt array air gt array 4 3 5 Working Days Saturday sea gt array 18 3 5 Days Wednesda
  • 卸载/销毁 Angular 延迟加载组件

    我的设置与此处找到的帖子类似http ify io lazy loading in angularjs http ify io lazy loading in angularjs 处理 Angular 中我的应用程序的各种组件的延迟加载 我
  • 如何使用 jQuery 通过 Ajax 发送复选框数组的值?

    我有一个包含很多表单字段的表单 12 x n 行 每行中的第一个字段 代表产品 是一个类似于以下内容的复选框
  • JavaScript:预期的赋值或函数调用,却看到了一个表达式

    我正在使用 JSHint 来确保我的 JavaScript 是 严格的 但我收到以下错误 预期是赋值或函数调用 但看到的是表达式 关于以下代码 var str A B C D var data var strArr str split fo
  • array_merge 更改键

    我得到以下数组 arr array 6 gt Somedata 7 gt Somedata1 8 gt Somedata2 问题是 当我使用array merge array Select the data arr 它确实将数组键更改为 A
  • 如何在 JavaScript 中对关联数组进行排序?

    我需要为我的一个项目通过 JS 对关联数组进行排序 我发现这个函数在 Firefox 中运行得很好 但不幸的是它在 IE8 OPERA CHROME 中不起作用 无法找到使其在其他浏览器中运行的方法 或者找到另一个适合该目的的函数 我真的很
  • 为什么java中LinkedList没有initialCapacity?

    我想知道为什么LinkedList没有initialCapacity 我知道什么时候使用ArrayList什么时候LinkedList 定义集合最终大小的好习惯是 List
  • 如果特定 stateParam 为空,如何重定向到 state

    我不确定我这样做的方式是否正确 任何建议将不胜感激 我有一个餐厅选择器 用户可以从中选择一家餐厅 然后所有其他子状态加载特定于所选餐厅的内容 但我需要默认选择一个子状态 包括一家餐厅 它将根据用户最近的位置或 cookie 数据 如果他们之
  • 如何实现 Vec 的修剪?

    Rust 提供了字符串的修剪方法 str trim http doc rust lang org stable std primitive str html method trim删除前导和尾随空格 我想要一个对字节串执行相同操作的方法 应
  • 测试 AngularJs 的 $http.defaults.headers.common 是否设置了特定标头

    所以我对 JavaScript 和 AngularJS 的世界还是个新手 因此我的代码还没有达到应有的水平 但它正在改进 尽管如此 我开始学习并实现一个带有 REST 后端的简单登录页面 提交登录表单后 将返回一个身份验证令牌并将其设置为默
  • 交换关联数组中的两个项目

    Example arr array apple gt sweet grapefruit gt bitter pear gt tasty banana gt yellow 我想调换一下柚子和梨的位置 这样数组就变成了 arr array ap
  • 通过 $_SESSION 从一个脚本发送到另一个脚本期间数据丢失

    我正在尝试将一个充满属性的对象从一个 PHP 发送到另一个 PHP SESSION object obj where obj是一个用 foreach 循环指定的对象 foreach array of objects as obj SESSI
  • 使用 python/numpy 重塑数组

    我想重塑以下数组 gt gt gt test array 11 12 13 14 21 22 23 24 31 32 33 34 41 42 43 44 为了得到 gt gt gt test2 array 11 12 21 22 13 14

随机推荐

  • 环境变量在 Electron 中未定义,即使它已在 webpack.DefinePlugin 中设置

    我有一个要求 我们需要根据它是在生产环境还是在开发环境中执行来设置 dll 路径 因此 我决定将该值放入环境变量中 并尝试使用 webpack DefinePlugin 来实现 方法一 webpack config json plugins
  • 使 editText 提示变为斜体?

    你如何在 xml 中做到这一点 可以吗 我在 java 代码的相关问题中看到了这一点 检查长度为 0 并且 EditText setText Html fromHtml
  • Angular slickgrid 不显示在动态选项卡(ngx-bootstrap 选项卡集)内

    我正在使用 Angular Slickgrid 在选项卡内显示表格数据 我有一个 html 页面 其中两个选项卡是静态的 也正确显示数据 其他选项卡是从最后的专用选项卡动态创建的 这基本上是从输入构建查询 当您保存选项卡时 它将创建一个新选
  • 通过索引从 List 获取元素是否线程安全

    通过索引从 List 获取元素是线程安全的吗 var list new List
  • 推送到 webroot 之上的托管项目

    我有一个CakePHP应用程序托管于DreamHost 以及我的 MacBook 上的本地克隆 我正在尝试设置我的环境 以便我可以在 MacBook 上进行开发并根据需要推送到托管站点 但不知道如何设置git当远程文件在上面时从本地推送到远
  • 在 C++ 中查看 system() 调用的输出

    如何查看系统命令的输出 前任 int tmain int argc TCHAR argv system set PATH PATH C Program Files x86 myFolder bin system cd C thisfolde
  • Phoenix:如何服务单页应用程序

    我想将 Phoenix 设置为提供静态 index html 无论发送到它的路由是什么 无需更改 URL 同时提供对非 html 资源 js css jpg 的访问 因为我的 SPA 在 Elm 会查看路线并找出要做什么 基于this ht
  • 如何在CakePHP 2.0的控制器中导入类?

    我正在使用 CakePHP 我创建了一个外部类 它不是模型也不是控制器 类的结构如下所示 class UploadImage function sayHello return hahaha 我将该类保存在 App gt Lib 目录中 并将
  • 为什么指令 ng-href 需要 {{}} 而其他指令不需要?

    我只是想知道为什么我需要为 ng href 添加双大括号 而其他一些指令不需要它们 a link a 请注意ng href需要大括号同时ng if没有 我不太确定你的问题 但我认为您想知道为什么角度指令中有不同的语法样式 首先 请大家看一下
  • MongoDB {aggregation $match} 与 {find} 速度

    我有一个包含数百万行的 mongoDB 集合 我正在尝试优化我的查询 我目前正在使用聚合框架来检索数据并根据需要对它们进行分组 我典型的聚合查询类似于 match gt group gt group gt project 然而 我注意到最后
  • Azure Active Directory JWT 公钥更改

    Azure AD 随机更改 JWT 公共令牌而不发出警告 我可以完全关闭该功能吗 我希望公钥永远不会改变 Azure AD 签名密钥会定期轮换 有时也会立即轮换 请查看相关的微软指南 Azure Active Directory 中的签名密
  • 让 Activity 只是一个弹出窗口

    我目前正在制作一个程序 该程序应该提示用户选择要连接的某个蓝牙设备 我通过选项菜单在我的代码中设置了它 我希望它看起来像 BlueTerm 的弹出窗口 我实际上有 BlueTerm 的代码 因为它可以免费查看 但我不知道如何使窗口显示为弹出
  • 为什么 Laravel 中有 2 个 APP Key? .env 和 config/app.php

    我通过 Composer 安装了 Laravel 5 安装后自动生成了 App Key 我去了 env文件 我可以在那里看到 APP KEY 不过 我也注意到里面还有另一个APP KEYconfig app php像这样 key gt en
  • 在 Windows 服务中使用的最佳计时器

    Locked 这个问题及其答案是locked help locked posts因为这个问题是题外话 但却具有历史意义 目前不接受新的答案或互动 我需要创建一些 Windows 服务 它将每 N 时间段执行一次 问题是 我应该使用哪个计时器
  • 在 Eigen3 中实现 Bartels–Stewart 算法?

    过去当我需要解西尔维斯特方程时AX XB C 我用过scipy的函数 solve sylvester 1 它显然是通过使用 Bartels Stewart 算法将事物转化为上三角形式 然后使用lapack 我现在需要使用以下方法求解方程ei
  • 从代码隐藏中删除 asp.net 控件

    当验证特定条件时 我需要从页面中删除控件 文本框 是否可以从代码隐藏中执行 或者我需要使用 JavaScript NOTE我需要删除控件 而不是隐藏 Use Controls Remove http msdn microsoft com e
  • 将动态过滤器与 Entity Framework Core 结合使用

    我正在开发一个使用 Entity Framework Core 的应用程序 Net Core 3 1 C 8 我想使用多个过滤选项来过滤表 我获取 JSON 格式的过滤条件 并将其反序列化为一个对象 我想编写一个 where LINQ 查询
  • java.lang.NoClassDefFoundError: org/springframework/core/NativeDetector

    我用这个来复习春天tutorial https medium com bb tutorials and thoughts how to develop and build angular app with java backend 87fb
  • 如何在react.js组件中使用Bootstrap 5 Popover?

    我在 React 中使用 CDN 的 Bootstrap 5 我有一个组件将在反应组件之一中使用 Popover 因此 根据文档 它说 您必须在 bootstrap js 之前包含 popper min js 或使用包含 Popper 的
  • AngularJS:嵌套ng-repeat(对象中的数组)仅在数组中有一项时有效,在多项时无效

    好吧 我有一个奇怪的问题 我有一系列对象 每个对象都包含另一个 字符串 数组 我使用循环遍历对象数组ng repeat 在重复的代码中我ng repeat在字符串数组上 由于某种原因 这个嵌套ng repeat仅当字符串数组仅包含一 1 项