问题标签 [angularjs-1.5]

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 回答
420 浏览

angularjs - 角度:许多组件使用可重用服务

我正在关注托德座右铭的角度风格指南。在他的方法中,以及在 john papa 的方法中,他们说每个组件都应该有自己依赖的服务。

我的问题是,当我有一个服务(例如 getArticlesByStoreId)我想从彼此不相关的不同组件中使用时会发生什么。从这个风格指南中,我了解到我必须将我的服务文件重写为两个组件,但我认为我可以为所有这些共享服务提供一个“sharedServices/”,这样我就不会最终重写代码。

在这种情况下,你们会怎么做?

或者

0 投票
0 回答
35 浏览

javascript - 第三方指令中的 scope.$eval 问题

我在我的应用程序中使用了 selectionModel(selection-model.js) 指令。我正在使用元素中的属性将一些值传递给指令。

在指令链接函数中,值被读取为 =

早些时候,该指令工作正常,但突然它不再工作了。当我调查并发现scope.$eval(attrs.selectionModelMode)未定义时,它正在回退到默认模式。

指令没有孤立的范围。但它与 ng-repeat 一起使用。

当我将属性添加到父范围attrs.selectionModelMode = 'multiple'并将指令代码更改为 var smMode = scope.$parent.$eval('attrs.selectionModelMode') || defaultMode 只有它在工作时。

这个问题我无法更改指令代码。在 AngularJS 中是否有任何解决方法?

非常感谢提前...

0 投票
1 回答
73 浏览

angularjs - 在 angular-ui-bootstrap 呈现其模板后向元素添加属性

我想将“ng-click”添加到 ui-bootstrap 从手风琴指令呈现的元素中。

我使用的是 angular 1.5,所以有很多解决方案,但它们不适用于 angular 1.5。

0 投票
0 回答
1052 浏览

javascript - 如何在没有角度 1.5.x 中的两种数据绑定的情况下从子组件更新父组件数据?

对不起,如果这是一个愚蠢的问题,但我是 Angular 1.5.x 的菜鸟

我在整个应用程序中使用基于 es6 类的组件和单向数据绑定(据我所知的最佳实践)。

我有一个容器组件。它有一个侧边栏组件和一个内容组件

我在容器组件中获取菜单选项(数组或对象),并使用单向数据绑定作为属性将其传递给侧边栏组件内容组件。

每当我更改侧边栏组件内容组件中的菜单选项时,我都想更新容器组件,并且它应该反映在两个子组件中。

我似乎没有找到一种方法(没有两种方式数据绑定)在不使用 $scope 事件或服务的情况下在angular 1.5中执行此操作。

0 投票
1 回答
1041 浏览

javascript - Angular 1.5 组件问题 - 如何在更改为另一个状态时“重置”来自其控制器的功能?

我有一个带有控制器的 Angular 1.5 组件(它使用 controllerAs 语法),如果页面中存在某个 html 元素,我在其中编写了一个向组件元素添加附加 css 类的函数。如果此特定 html 元素不存在,则此附加 css 类不会应用于组件。这适用于我正在寻找的 html 元素存在的页面。但是,当切换到另一个状态时,无论该状态下不存在 html 元素,组件都会保留附加的 css 类。您必须刷新应用程序才能“重置”来自组件控制器的功能。该组件用于应用程序的每个页面。

例如,这是我的组件:

当我们处于此 html 元素存在的状态时,它工作正常。然而,当我们进入另一个状态时,具体的 html 元素是null,该函数addAdditionalCssClass()继续向组件添加额外的类。任何帮助/建议将不胜感激。

0 投票
0 回答
111 浏览

angularjs - 在 angularJS1.5 应用程序中实现谷歌分析

我有一个 angularjs1.5 应用程序,它使用 ui-router 进行状态更改。最近,我需要在我们的应用程序中实现谷歌分析。我以前从未从事过谷歌分析。所以,我开始做一些研究。到目前为止,我总结了两点。

  1. Analytics.js -> 使用 analytics.js 并在 $rootScope 上使用 $stateChangeSuccess 来跟踪 ui 状态变化。这很简单直接。它跟踪应用程序中的任何状态变化并发送跟踪数据。

  2. angulartics -> 该指令可用于跟踪状态更改/事件更改或任何 dom 更改。看起来,实现并不是那么简单。我不确定这是否适用于 ui-router。

我的想法是,如果只需要跟踪状态变化,那么我应该使用选项 1,如果需要跟踪状态/事件级别的变化,那么应该使用选项 2。

如果我走上正轨,或者我在这里错过了什么,你能告诉我吗?如果您能指出这两种方法的任何示例实现,那就太好了。

非常感谢提前!!!

0 投票
1 回答
219 浏览

angularjs - 强制更新 AngularJS 中的 rzModule 滑块

我在 angularJS 应用程序中有几个滑块。我试图实现的是,当用户更改选择下拉菜单上的选项时,滑块应该使用来自 RestAPI 的新值进行更新。

此示例适用于其中一个滑块,但其余部分相同。

在控制器上创建滑块

在选择的 ng-change 上调用的控制器上的更新功能

getResults()以及调用服务的函数

当我从用户界面手动更改滑块时,onChange 会触发该getResults功能。在这上面花费了几个小时,却找不到原因。有什么帮助吗?

编辑:这是getMedic避免任何混淆的服务

0 投票
3 回答
2592 浏览

angularjs - 如何在AngularJs 1.5的打字稿中注入momentjs

我想在我的打字稿代码中注入 momentJs 库来对 Date 对象进行操作。但是我不熟悉通过 angularJs 注入 typescript,因为它与 javascript 没什么不同。

在上面的代码中moment,即使我已经包含了 CDN,也无法识别该函数。

0 投票
0 回答
276 浏览

mysql - 用于 Restful API 和 Angular.JS 的 Laravel 5.1 DB::table 块

有没有办法在 Restful API 调用中分块数百万条记录?

我正在为客户端使用 Angular.JS / Ionic,并且有一个安静的 API,可以很好地处理大约 10,000 条记录。但是我的数据库有几百万条记录,如果我调用 api 来显示所有记录,它会返回 http 响应代码 500。我想提取所有数据的原因是用户可以使用 ng-model= 搜索匹配的产品“询问”。在客户端上只会显示 100 条精选记录。我查看了 Laravel 文档,它建议对数据进行分块。我尝试了以下代码,但收到 500 http 响应代码错误。我使用 mysql 作为数据库。最终我将构建一个 redis 缓存,但首先我需要能够获取所有结果。

$productlist = DB::table('productlist')->chunk(1000, $products) { foreach ($products as $product) {

0 投票
2 回答
233 浏览

javascript - 重置 Angular 1.5 视图模型

我有一个很大的来自,我试图在按钮中重置它,但它没有按预期工作。

请参阅下面的代码

在这里,我在 ng-model 中使用 vm.data 来编辑每个字段。但是当 ng-model 编辑 vm.data 时,temp 也会自行更新。我猜正在发生一些可变范围参考。因此,当调用 vm.reset 时,vm.data 和 temp 相同,因此不会发生重置。

请建议一种方法来删除这个可变范围参考。