angularjs-ng-repeat相关内容

表格内带有自定义元素的 AngularJS ng-repeat 呈现奇怪

我正在尝试在多个地方重复使用我的 HTML 视图的一部分.我想重用的部分是 HTML 表格中的表格单元格.问题是我在 ng-repeat 中的自定义指令正在做一些有趣的事情.我在 jsFiddle 上重现了这个问题.jsFiddle 中有两个 HTML 表.第一个是 ng-repeat,表格单元格写在视图中,第二个是来自指令 my-element 的表格单元格.Chrome 开发工具报告呈现的 H ..
发布时间:2021-11-28 17:11:20 前端开发

Angularjs $resource 不适用于从 REST API 返回的数组

我正在尝试学习 angularjs,并且在尝试将数据绑定到从 Rest API 返回的数组时遇到了障碍.我有一个简单的 azure api 返回一组人员对象.服务 URL 是 http://testv1.cloudapp.net/test.svc/persons. 我的控制器代码如下: angular.module("ToDoApp", ["ngResource"]);函数 TodoCtr ..
发布时间:2021-11-28 17:11:06 其他开发

使用带过滤器的 ng-repeat 时如何保留 DOM 元素?

我有一个带有过滤器的 ng-repeat.当某些项目被过滤器过滤掉,然后在另一个过滤器更改后恢复时,就会为这些项目创建新的 DOM 元素.如果对项目进行了任何 DOM 操作,它会在项目被过滤器隐藏和恢复后丢失. 有没有办法保留 DOM 元素,即使项目被过滤器移除? 我尝试使用 track by,但没有用. 这是一个重现问题的 fiddle.重新创建的步骤: 单击按钮将颜色应 ..
发布时间:2021-11-28 17:08:21 其他开发

Angular 复选框过滤数据列表

看到了一些通过复选框过滤数据的选项,但对于我希望 Angular 轻松完成的事情来说,这一切似乎都过于复杂. 了解一下 http://plnkr.co/edit/Gog4qkLKxeH7x3EnBT0i 这里有一些过滤器,但我感兴趣的是复选框.使用一个非常漂亮的 Angular UI 模块,我发现它叫做 Unique,它列出了不同类型的提供者,而不是重复它们,只列出每种类型中的一个.可 ..
发布时间:2021-11-28 17:07:56 其他开发

角度 ng-repeat 反向

我怎样才能得到一个有角度的反转数组?我正在尝试使用 orderBy 过滤器,但它需要一个谓词(例如“名称")来排序: {{friend.name}} {{friend.phone}} {{friend.age}} 有没有办法反转原始数组,而不需要排序.像这样: {{friend.name}} {{friend. ..
发布时间:2021-11-18 01:41:57 其他开发

长数组列表渲染使 Angular.js 中的页面滚动变慢

当尝试从一个数组(带有图像)渲染超过 120 个项目时,列表的滚动会变慢.基本上,当我在无限滚动中加载新数据时,我将旧数组数据与新数组数据连接起来. 另一方面,像dribbble、behance这样的流行网站似乎没有这个问题.也许这个问题是 Angular.js 特有的?有没有人在他们的项目中遇到过这个问题? 解决方案 在 ANGULARJS 中无限滚动 不需要任何额外的插件. ..
发布时间:2021-11-18 00:11:28 其他开发

如何在angular js中显示来自完整对象的排序数据?

我正在尝试制作排序数据的演示并在表上显示.实际上,在我的演示中,我正在访问一个服务,其中有一些数据 (2000) 个对象作为响应.所以我一次显示 50 个对象并使用无限滚动我加载了更多工作正常的数据.当我滚动到底部时我能够加载更多数据.我的标题“^"或“V"上有按钮.请检查标题(左图标“V")示例“帐户名“V"" 使用这个 I 图标,我需要对我的列进行排序. 实际上问题是当前它对屏幕上显示的 ..
发布时间:2021-11-10 04:39:47 其他开发

Angular-ui-bootstrap -- 无法禁用 ng-repeat 中的选项卡

全部. 我正在使用 angular 和 ui-bootstrap 创建一个选项卡菜单,(希望)用户可以在其中启用/禁用他们不需要的选项卡.我试图非常严格地遵守模板代码,并实现我自己的功能来禁用单击选项卡,但我无法让我的选项卡以与示例中相同的方式响应.我一直在阅读并猜测它与 ng-repeat 创建自己的范围有关,但我还没有解决它.任何帮助将不胜感激! 我试图在这个plunker中展示我 ..
发布时间:2021-11-10 04:15:38 其他开发

使用带有 ng-repeat 的 uib-typeahead 模型不会持续存在

我正在尝试使用 uib-typeahead 来选择一个或多个对象(通过 ng-repeat),但面临一个问题,即当添加另一个对象. 这是在 在 Plnkr 上复制(基于 ui-bootstrap 的演示).(通过选择一个状态,然后单击“选择另一个"来重现错误.之前选择的状态消失了!) 是什么导致模型无法持久化?如何解决这个问题?uib-typeahead 有问题吗?还是 ng-repe ..
发布时间:2021-11-10 04:13:10 其他开发

格式化电话号码的指令

我想知道如何使用 angularjs 指令自动格式化输入字段中的数字?当我在输入字段中输入 6042919283 时,我希望它显示为 604-291-9283. 谢谢 解决方案 你可以使用 UI Utils mask它允许您定义允许的输入格式,并将为您处理验证以及格式 ..
发布时间:2021-11-10 04:01:31 其他开发

在 ng-repeat 中使用模态窗口

我有一个 ng-repeat 并且我正在尝试添加一个将相同范围变量传递给模态窗口的模态.我能够打开模态窗口,但 ng-repeat 的范围值没有显示在模态内.希望我的代码解释得更好.这是我目前所拥有的: {{ customer.name }} ..
发布时间:2021-11-10 04:00:50 其他开发

Angular UI Carousel 的`track by $index` 问题

使用分页时,按索引跟踪的$index 不会从零开始 我使用 angular ui bootsrap 创建了一个轮播.由于加载了这么多图片(超过 1,000 张),我使用过滤器在分页中显示 500 张图片. .filter('pages', function () {返回函数(输入,当前页面,页面大小){如果(angular.isArray(输入)){var start = (current ..
发布时间:2021-11-10 03:59:39 其他开发

AngularJS 多个单选选项

下午好, 我们目前正在尝试学习 AngularJS,虽然我们正在学习一些非常酷的代码,但我们不能似乎解决了这个问题. 我们希望在下拉功能中显示与所选产品相关的产品选项列表,我们希望能够在每一行上勾选一个单选按钮,但在我们勾选其中一个单选按钮时似乎正在选择每一列中的所有内容. 我们附上了我们的代码片段和屏幕截图,如果有人能帮助我们,我们将不胜感激. 谢谢.原始 Plnkrht ..
发布时间:2021-11-10 03:55:16 其他开发

AngularJs:抓取编译的 html 并设置为工具提示

我正在使用 angular js bootstrap 工具提示来显示一组元素上的工具提示. Plunker:http://plnkr.co/edit/9xk41f3CR0wnajN71bSi 我需要注入由 angular 编译的工具提示 html,但我真的不知道如何.工具提示教程对我没有用,因为它从作用域中获取 html 作为变量,但对于一组元素,这是不可能的. 如何填写tool ..
发布时间:2021-11-10 03:54:47 其他开发

Angular UI Sortable 无法正常工作

我正在使用 Angular UI 使我的菜单可排序,有时代码可以工作,有时它会中断,例如在我重新排列项目时复制条目或填充空白菜单. 以下是完整代码- Angular Sortable Demo ..
发布时间:2021-11-10 03:53:12 其他开发

角度引导选项卡 - 选择页面加载中调用的函数

我有以下格式的角度引导选项卡.(见plunker) 应该在选择选项卡时触发选择功能.但奇怪的是,当页面加载时,第一个选项卡的选择功能被触发.(打印标签选择动态标题 1 加载..) "http://plnkr.co/edit/vyOOhCdIl7s1Wvou7Dr9?p=preview" angular.module('ui.bootstrap.demo', ['ui.bootstrap' ..
发布时间:2021-11-10 03:49:46 其他开发