问题标签 [angularjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
6581 浏览

jquery - AngularJS - 对象销毁后删除表格行

我有一个 AngularJS 应用程序,它返回一个 json 对象列表,我遍历这些对象并将它们放入一个表中。

表格上的每个项目都有一个带有 ng-click 方法的“删除”按钮:

我正在使用 ng-resource 来删除该对象-效果很好。

但是,我还希望能够隐藏(或删除)包含对象的行和删除后的删除按钮 - 最好使用JQuery

这是我的销毁方法:

该方法很好地破坏了对象 - 它只是没有删除该行......所以我尝试记录单击按钮时返回的对象:

这似乎返回了角度范围对象本身 - 但我找不到访问它相关的任何 DOM 元素的方法。

这是一个屏幕截图,向您展示从 testButton 函数返回的对象 - 当然是通过单击按钮触发的:

在此处输入图像描述

如何使用 JQuery 访问与 Angular 对象相关的 DOM 元素?

编辑

这是完整的表格行:

0 投票
3 回答
2943 浏览

angularjs - AngularJS 中的模板引用之类的东西?

我正在尝试创建一个布局完全由数据驱动的表单。

示例数据源:

我认为可以使用 ng-repeat 和 ng-switch 来根据“类型”选择表单元素,但是当我到达“FieldC”时,当我递归地执行此操作时我会卡住。

本质上,我想要一种方法,当我遇到“结构”时,它递归地将 ng-switch 应用于结构字段?有什么方法可以“引用”模板,以便可以在同一页面的多个位置使用它?对模板“部分”的支持似乎需要通过路由在服务器端进行协调,这在此处似乎有些过分。这是我需要开始深入研究创建自己的指令的地方吗?

编辑我只是偶然发现了这个看起来它有很大的机会做我想做的事情(我还没有正确测试它),这是在正确的方向吗?

0 投票
1 回答
5399 浏览

unit-testing - AngularJS - 注入的基本测试

所以我对整个测试都是新手(我一直是那些说'我应该编写单元测试......'但从未最终这样做过的人之一:-p)。我现在正在为这个项目编写单元测试。我正在使用 testacular + Jasmine 和 browserify 来编译东西。在我开始尝试做很多 AngularJS 注入工作之前,我没有遇到任何问题。

现在我只是试图对 ng-model 进行测试以了解所有这些。

我有一个 testacular.conf 文件,其中包含所有必要的内容:

我定义了我的控制器(MainCtrl.coffee)

我有自己的测试:(_MainCtrlTest.coffee,与 MainCtrl.coffee 在同一目录中)

测试立即失败,输入的 elm.val() 返回空白,scope.hello 返回预期值('initial',在 MainCtrl.coffee 中设置)

我在这里做错了什么?

0 投票
3 回答
468 浏览

css - Css 父选择器取决于存在的另一个类

我的标记是这样的:

如果表单应用了一个类例如:ng-dirty,我想更改锚标记的背景颜色。该表单由 angularJs 框架应用这个类,当发生这种情况时,我想通过更改其背景颜色来突出显示“a”标签。

如何使用纯 Css(或 sass)来做到这一点?

谢谢,克里斯。

0 投票
22 回答
504235 浏览

angularjs - 如何在 AngularJS 中进行分页?

我在内存中有一个大约 1000 个项目的数据集,并且正在尝试为此数据集创建一个寻呼机,但我不确定如何执行此操作。

我正在使用自定义过滤器功能来过滤结果,并且效果很好,但是我需要以某种方式获取页数。

有什么线索吗?

0 投票
1 回答
2899 浏览

javascript - 指令“范围”中需要值属性

我正在经历创建指令的过程。在经历了一些起起落落之后,我创建了指令 ( widget ) 并最终确定了指令将采用的各种属性。

我使用了各种可用的选项,如属性、绑定、评估、表达式等。

我的想法是,如果你想创建一个通用组件,你永远无法知道人们将如何将值传递给组件。

这是一个插图...

您正在创建一个新的元素组件..说

hello 的 name 属性是其中唯一的变量。如果您将其公开......这些是人们可能使用此组件的可能场景。

情况1 :

案例2:

案例3:

现在..针对不同的场景..我已经了解提供的各种选项。我想不出你会想要“属性”的单一场景,因为它是从组件到模板的简单直接替换值..

在您的指令定义中,如果您将名称定义为“评估”而不是“属性”

如果属性:

如果评估:

注意额外的单引号..

据我所知,评估涵盖了属性的作用。而且,使用评估似乎是比仅仅属性更好的选择,因为它涵盖了更多场景!

如果有人可以解释为什么属性首先存在?更多选择=更多混乱.. :)

0 投票
1 回答
9088 浏览

jquery - 如何从 AngularJS 控制器正确调用 jQuery

我正在尝试将 jQuery-UI 选项卡与 AngularJS 一起使用。

请参阅此处的示例

问题是在控制器中调用jQuery("#tabs").tabs();似乎连接了“tabbify”某些东西所需的“一半”。

想法?

0 投票
15 回答
45693 浏览

symfony - symfony2 应用程序上的 Angularjs

我正在开发一个在前端使用大量 javascript 的 SF2 应用程序。

SF2 为我提供了一种构建良好 REST 应用程序的好方法,使用教义管理我的数据库,使用 twig 作为模板等等,但我想使用 Angularjs。

我知道 angularjs 和 SF2 是具有不同方法的 2 个不同框架,但我想知道完成这项工作的最佳方法是什么。

它甚至值得吗?

如果是,您认为更清洁、最有效的解决方案是什么?

也许使用 php 而不是 twig 模板来使用 angularjs 花括号?

0 投票
2 回答
943 浏览

javascript - 有没有办法只使用子指令作为占位符来保存内容?

我是 angularjs 的新手。想看看是否有任何方法可以只使用子指令作为占位符来保存内容但真正呈现?

我不想在子指令中进行渲染,因为我想让父母做所有事情。所以我可以在父指令中有一些其他的特殊逻辑。

对应的html代码:

我尝试了类似上面的方法,但没有任何东西被推入窗格。似乎永远不会调用子指令(窗格)的链接函数。因此,仅显示添加选项卡的链接。

有任何想法吗?

0 投票
1 回答
1183 浏览

angularjs - Awesomium 中的 DOM 异常 18

我有一个从本地文件系统加载并使用awesomium呈现的网页,该页面使用AngularJS呈现页面的一部分。但是,我的 AngularJS 控制器的一部分产生了 Dom 异常 18:

angular-1.0.0rc10.js @ 第 5349 行错误:SECURITY_ERR:DOM 异常 18

看来这个异常是由我的 AngularJS 控制器末尾的这段代码引起的:

奇怪的是,如果我使用直接的 XMLHttpRequest 而不是 AngularJS $http 对象,一切都很好:

当我简单地在 chrome 中加载此页面时(关闭本地文件系统,与 awesomium 相同),不会生成此异常。

什么可能导致这种情况,我该如何解决?