Angular 在父到子组件中使用多个服务实例
我有一个父组件调用两个相同的子组件.子组件包含一个 SearchForm 和 Grid. 两个搜索网格以 iframe 格式并排显示.允许用户进行两次搜索. 在进行网格搜索时，他们似乎在使用相同的服务，并填充两个网格.在一个网格组件中进行搜索，在另一个组件中填充数据.正在克隆搜索. 如何确保每个子组件使用不同的服务实例?子组件在 html 选择器中调用.
..
angular-services相关内容
Angular 服务在其他服务中不起作用
我使用 ngx-translate 库进行翻译.在我的组件中(延迟加载的路由)当我设置以下内容时，它工作正常: constructor( public translate:TranslateService ) {this.translate.setDefaultLang( this.langService.lang );this.translate.use( this.langService.l
..
Angular/RxJS 手动更新管道主题(即使没有数据更改)，“rxjs 管道中的单位转换"
我正在开发一个使用 Angular 9 和 RxJS 6.5 的应用程序.我有问题的功能使用 Angular 服务从服务器获取一些数据并将这些数据提供给视图(使用 RxJS 行为主题).不过，在将该数据传递给视图之前，我想做一些单位转换，以便用户可以使用切换/开关在整个应用程序的两个单位之间切换，特别是“公吨"和“短吨". 虽然在专用服务中提供了实际的转换功能，但我需要控制应该转换数据的哪些属性
..
在 Angular 中使用不同服务的指令
我一定是从错误的角度看待这个问题，但问题就在这里.我有一个异步验证指令，它使用 HttpClient 来验证后端的某些内容.除了一件关键的事情之外，它几乎是独立的——它需要正确的 HTTP 标头才能在服务器端通过身份验证.这是构造函数的样子: 构造函数(私有 http: HttpClient,私人身份验证:AuthService，@Optional() @Self() @Inject(NG_VA
..
$translateProvider.useStaticFilesLoader 的 Angular Translate 异步计时问题
我正在使用出色的 Angular Translate ($translate) 指令/服务来处理多种区域设置语言，并且由于我有多个区域设置文件，因此我使用了方便的 $translateProvider.useStaticFilesLoader 通过 localeAbbr.json 的结构加载我的翻译文件，例如 en.json、es.json 等......我构建了一个 Plunker 来显示我的开
..
ionic 使用 Service 在控制器之间共享数据
我正在尝试在控制器之间共享数据，但是一旦在我的服务中设置了数据，它就不会再次更改. 想法 我有一个商品页面，我称之为优惠券，点击优惠券中的一个商品，您就会进入一个单优惠券.当我点击 coupons 中的一个项目时，我想将项目数据保存在一个服务中，以便我可以在 single-coupon 中访问它 服务 .service('userService', function() {var
..
AngularJS - 无法在字符串上创建属性方法
我正在发送一个正常的获取请求，如下所示: service.show = function (slug) {控制台.log(slug)返回 $http.get('api/packages/'+slug, slug).success(function(response){service.package = response.package;});}; 在我开始使用 gulp 将所有 js 文件组合
..
AngularJS:为什么 .then() 不等待 promise 对象到达
为了进行 API 调用，我创建了以下 Angular 服务. (函数(模块){module.service('APIService',function ($http, $q) {console.log("到达APIService")var deferred = $q.defer();this.getData = 函数 (requestURL) {console.log("到达 APIServic
..
AngularJS 更新服务变量不起作用
我有一个图像列表.一个挨着另一个.我正在尝试捕获点击的图像，填充一个模态 div 并显示它. 标记
..
Angular:为每个查询设置 Content-Type
我需要使用不同于 application/json 的 Content-Type 执行一个查询.更改默认的 $http 选项不是一个变体，因为许多查询仍然使用 JSON 数据执行. 我找到了例子 var req = {方法:'POST'，网址:'example.com'，标题:{'内容类型':“应用程序/x-www-form-urlencoded"},数据:“一些数据"}$http(req
..
在 Angular 应用中显示 json 数据
我正在尝试解析 json 文件中的数据并将其显示在我的 angular 应用程序中，但由于某些奇怪的原因，视图不会显示数据(解释我的表达式)，我认为它可能是我的控制器，但它看起来不错.解决此问题的任何帮助将不胜感激，谢谢. 以下是我的 Http 服务代码: app.factory('info', ['$http', function($http){返回$http.get('https://
..
使用 $timeout 停止执行一系列事件
我正在使用这个 开始序列的解决方案.但现在我想停下来单击一下.点击事件如果触发OK，我已经在console.log 上确认了.我试过了 $timeout.cancel($scope.StartChange); 但没有成功，课程仍在变化. 解决方案 这可行，但我不知道这是否是最佳解决方案:http://plnkr.co/edit/xKBHdFhXy93NqtpVooXe?p=previe
..
无法在服务中加载配置文件 - 供应商 js 65401
它在注入组件方面效果很好.服务注入出现问题. 我正在为端点使用运行时配置.它在组件中工作.我可以在运行时进行更改，但在注入其他全局服务时会引发错误 导出类 AppConfigService {静态设置:IAppConfig；构造函数(私有 http:HttpClient){}加载() {const jsonFile = `../assets/config/config.json`;retu
..
AngularJS - ng-include 不适用于 ng-view
..
AngularJS Ajax 调用服务
我希望我的应用程序对 RESTful Web 服务进行 Ajax 调用.在我的 html 文档中有两个连接到范围对象的文本框.这两个字段都通过 ng-change 连接到“post"功能.post 方法将“form"变量从作用域发送到 API，Web 服务将这两个数字相加并以 json 文件进行响应，该文件现在包含结果.(这可能不是很 RESTful，但它对我有用) 只要我的控制器中有这样的
..
Angular 5 StaticInjectorError:[Http]
你好，我收到这样的错误，这是什么原因? StaticInjectorError[Http]: StaticInjectorError[Http]: NullInjectorError: 没有 Http 提供者！在 NullInjector.get (core.js:923) 在 resolveToken (core.js:1211) 在 tryResolveToken (core.js:11
..
Angular - 当服务值改变时更新组件值
我有多个组件(在 NgFor 循环中)调用相同的服务. 我想要的是，当一个组件更改同一服务中的值时，该新值会被发送到调用该服务的每个组件，并随后更新组件变量中的该值. 我希望这是有道理的. 如果您需要更多信息，请告诉我. 解决方案 您可以使用简单的 getter 代替 BehaviorSubject(在简单场景中通常是矫枉过正的): 服务有一些数据要共享: 导出类
..
如何在 angular 4 服务中缓存一些数据?
我有一个服务，我调用它从我的休息服务中提取一些数据.我在我的服务中设置了一个对象，其中包含来自 rest 调用的结果.问题是当我调用 get 函数返回对象时，我总是未定义.我目前在应用程序根 onInit 函数上调用了我的服务. 关于如何加载这些数据并存储在对象上的任何帮助，以便下次我需要访问它时，我不需要远程调用我的休息服务? 这是我的服务 import { Injectable
..
从指令访问父控制器方法?
我有一个关于商品搜索页面的问题. 假设我有: 一个控制器，带有要显示的结果项 执行搜索查询并与控制器交互的服务，以便更新要显示的结果项 一个指令，它具有表单，其中包含搜索字段的所有输入. 其中一个按钮是“查看更多项目"按钮.只有当我从查询中收到的响应告诉我还有更多项目要查看时，才会显示. 我在 service 中创建了一个函数，它检查这个属性并将一个布尔值返回给 指令，
..
如何处理服务迟到的数据?
在我的 Angular 应用程序中，我需要将数据存储到一个在初始阶段为空的数组中. 示例: someFunction() {让数组 = [];console.log("第一步");this.service.getRest(url).subscribe(result => {result.data.forEach(元素 => {console.log("步骤 2");array.push(元
..