问题标签 [angular1.6]

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 投票
2 回答
76 浏览

angularjs - 自定义过滤器是否应该修改/更新其输入?

假设我有一个像这样的自定义过滤器:

这是与过滤器一起使用的 HTML:

我认为我需要做的是myHash在控制器中设置ret为自定义过滤器中的值吗?

这是正确的做法吗?如果是,我该怎么做?

换句话说,我应该这样做:

0 投票
1 回答
164 浏览

angularjs - 强制调用Angular ng-repeat的过滤器

我有这个:

一切正常。searchText但是过滤器似乎仅在更改时才被调用。

如何强制评估过滤器?我可以“人为地”更改 searchText,但这不是正确的方法。

我希望如果我更改以下值 -

或者

过滤器将被重新评估,但事实并非如此!

换句话说:我要做的是重新调用这个 ng-repeat 功能,以便重新评估过滤器,因为我刚刚对程序中的状态进行了更改,并且我希望对象列表变化以反映状态变化。然而,目前,ng-repeat 列表没有改变,过滤器没有被命中(我检查了日志)。我想以某种方式“强制”重新评估 ng-repeat 和过滤器。我不认为$scope.$apply()适用于此。

0 投票
0 回答
893 浏览

angularjs - 未知提供者:$routeParams

我正在学习 Angular@1.6.4,我尝试使用 $routeParams 进行路由。

在我注入之前它完美无缺$routeParams,然后有角度地把这个扔给我:

错误:$injector:unpr 未知提供者 未知提供者:$routeParams

我试图修复它,但我真的不明白如果我注入 $routeParams 并且我正在使用 ngRoute,为什么 Angular 会抛出该错误。

0 投票
2 回答
337 浏览

javascript - 如何在 Angular 1.5 中调用另一个组件方法

我正在使用 Angular 1.5。我有两个组件。我想从父组件视图调用子组件方法。

0 投票
1 回答
99 浏览

javascript - Angular 过滤器被调用,即使过滤器参数没有改变

我们有一个 Angular 1.6 过滤器,它一直在触发。

HTML 看起来像:

所以有 3 个参数被传递给过滤器 =>

这是过滤器:

在我们的 (promptId, q) 键/值的 HTML 中,我们有标准ng-modelng-click东西。但是我不明白为什么应该调用过滤器,除非过滤器的输入之一发生变化!?当我们将鼠标悬停在<a>标签上时,甚至会调用过滤器。

有没有搞错?我们能做些什么来阻止它被如此称呼?

0 投票
3 回答
830 浏览

angularjs - 如何在路由刷新时将异步数据重新加载到控制器范围内?

我有一个服务功能,每次访问或刷新路线时都需要调用它。该函数返回一个 Angular 承诺。每次调用函数时,都需要将 promise 的结果加载到控制器的作用域中。

我目前正在状态定义上使用解析参数来调用该函数。

数据作为参数传递给控制器​​。

我正在更新控制器 $scope 在全局的监视中,它保存了 ResolvedResult。(使用本文末尾描述解决方法)。我尝试观察论点本身,但它从未被触发。

不幸的是,我猜因为手表是全局的,当任何路线运行时都会触发手表,并且所有其他路线都会为每条路线抛出错误,除了定义解析的路线。

我该如何解决这些错误,或者有更好的方法吗?

0 投票
0 回答
3278 浏览

angularjs - 一起使用引导程序 3 和 4 的应用程序存在冲突

我有一个使用 bootstrap 3 和 4 的应用程序。它是一个非常庞大的应用程序,建立在 angular 1 和 2 的组合之上,我们已经为我们的 angular 1 应用程序编写了很多 scss 文件。

我需要:

确保到目前为止编写的所有 scss 都不会影响将插入到 angular 1 页面中的 ng2 组件。

Angular 4/bootstrap 4 scss 不应影响当前的 angular 1/bootstrap 3

目前对于 angular 1,我们有 main.scss 文件,它可以导入所有组件样式:

对于 angular 2,我们有一个 vendor.scss 文件来导入 bootstrap 4:

html中的快速示例:

寻找方向,因为使用 angular1/2 和 bootstrap 3/4 构建混合应用程序的资源很少。

谢谢

0 投票
3 回答
174 浏览

javascript - 使用 ng-minlength 验证时,角度属性不足

在我的角度控制器中,我尝试验证用户是否插入了 5 个字符,如果少于 5 个字符,则应显示警告。我的控制器:

出于某种原因,如果我键入的字符少于 5 个,$scope.customPostText 将变为未定义并在日志中写入错误:

无法读取未定义的属性“长度”

但是在 5 个或更多字符上没有问题,我发现这是因为我在 html 中使用了 ng-minlength:

小提琴

但是,我需要 ng-minlength 用于在 ng-class 中使用的验证:

如何使用 ng-minlength 而不会出现值未定义的问题?

0 投票
2 回答
53 浏览

javascript - 由于 ng-submit 不起作用,我被卡住了,当我点击它时它不会运行

我正在参加在线课程,但我被困在作业中。在我的作业中,我有一个表单和一个表单按钮,当您单击一个按钮时会运行代码。但是,当我单击提交按钮时,我的代码根本没有运行。这是我的代码的嵌套 div 问题所在。我已经编辑了一些东西,并保留了与我的问题有关的所有信息。

编辑:我解决了,我发现了问题。一旦我将 ng-submit="contoller1.myFunction" 更改为 ng-submit="myFunction()",它就开始工作了。这有点奇怪,但它确实有效。

0 投票
1 回答
79 浏览

angularjs - 如何正确进行首次登录页面?

我有以下 HTML 结构

我应该做第一个登录页面,其中只有带有 First Setup Wizard 的空白页面,没有页眉、页脚和侧边栏。在另一个页面中,它们存在。

我愿意使用 ui.router,但在这种情况下,我应该将所有页面包装到 ui-view 中。

是否可以将整个页面包装到 ui-view 中 - 包括页眉和页脚,然后在需要时在每个模板中定义它?

问它,因为想在某个地方定义页眉、页脚和侧边栏。稍后再更改内容。