Angular 7:为所有组件全局注入和使用服务
Angular 7 是一种流行的前端框架，它提供了一种便捷的方式来构建可扩展的Web应用程序。在 Angular 7 中，我们可以使用服务来共享数据和逻辑，而全局注入和使用服务则可以让我们在整个应用程序中轻松地访问这些服务。
服务是 Angular 中的可重用性代码单元，它提供了一些功能，例如数据获取、业务逻辑处理和共享状态管理。在 Angular 7 中，我们可以使用依赖注入（Dependency Injection）来实现服务的全局注入和使用。依赖注入是一种设计模式，它允许我们在需要的地方将依赖项注入到组件或其他服务中，从而使它们能够相互通信和共享数据。
全局注入和使用服务有以下优势：
- 代码复用性：通过全局注入和使用服务，我们可以将共享的代码逻辑集中管理，避免了重复编写相同的代码片段，提高了代码的复用性和可维护性。
- 数据共享：通过服务，我们可以在不同的组件之间共享数据，这样可以减少组件之间的耦合，并使数据的传递更加方便和可控。
- 单一数据源：全局注入和使用服务有助于实现单一数据源的原则，即应用程序中的数据都经过服务进行管理和操作，从而使数据的状态更加可控和可追踪。
全局注入和使用服务在以下场景中特别有用：
- 身份验证和权限控制：通过全局注入和使用服务，我们可以在多个组件中共享身份验证状态和权限控制逻辑，从而实现统一的身份验证和权限管理。
- 数据共享和同步：如果应用程序中有多个组件需要共享和同步数据，全局注入和使用服务可以提供一种便捷的方式来管理和更新数据，从而保持数据的一致性。
- 全局配置和设置：有些配置项或设置需要在整个应用程序中生效，全局注入和使用服务可以提供一种机制来集中管理和应用这些配置项或设置。
在腾讯云的生态系统中，我们推荐使用以下产品和服务来支持 Angular 7 中的全局注入和使用服务：
- 云服务器（CVM）：提供了弹性、安全和高性能的云计算资源，可以作为部署和运行 Angular 7 应用程序的基础设施。了解更多信息，请访问：云服务器（CVM）
- 腾讯云数据库（TencentDB）：提供了可靠的数据库服务，可以用于存储和管理 Angular 7 应用程序中的数据。了解更多信息，请访问：腾讯云数据库（TencentDB）
- 云函数（SCF）：提供了无服务器的计算能力，可以用于处理和执行 Angular 7 应用程序中的业务逻辑。了解更多信息，请访问：云函数（SCF）
- 腾讯云对象存储（COS）：提供了高可用性和高可靠性的对象存储服务，可以用于存储和管理 Angular 7 应用程序中的静态资源和文件。了解更多信息，请访问：腾讯云对象存储（COS）
- 腾讯云网络安全（Security Center）：提供了全面的安全防护和监控能力，可以保护和监控 Angular 7 应用程序中的网络通信和数据传输。了解更多信息，请访问：腾讯云网络安全（Security Center） 请注意，以上推荐的腾讯云产品和服务仅供参考，具体选择和使用还需要根据项目需求和实际情况进行评估和决策。
相关·内容
1回答
我收到一个未知的提供程序错误。我的结构是用两个不同的文件设置的，一个控制器文件和一个服务文件。由于某些原因，angular应用程序找不到该服务？如果我将服务放在同一个文件中，它会正常工作吗？
控制器文件：
(function() {
'use strict'
angular
.module('poke', ['ngResource'])
.controller("appController", appController)
appController.$inject = ['$scope
浏览 3提问于2016-07-13得票数 0
我来自.NET背景，只是一个关于Angular依赖注入的问题。
在.NET/.NET核心中，有三种不同的服务生命周期，它们是:瞬态、作用域和单例。但是对于Angular，它只有等价的"Singleton"，我的理解正确吗？如果是，为什么Angular不提供其他类型的服务，如“瞬态”？
浏览 0提问于2019-11-18得票数 1
我正在将具有多个状态(路由)的Angular2应用程序与运行在后端的节点服务器(套接字)连接起来。当我访问其他状态并返回到以前的状态时，套接字代码是在用fromEvent创建的angular应用程序的服务文件中编写的。由多个组件中的subscribe()调用的服务，在ngoninit() {}中调用。当事件触发时，我在路由上移动的频率会获得组件视图和事件，订阅的服务被多次(多次)调用(多次显示console.log("get message"))，这会影响性能。
`get-messages() {
let observable = new Observable(obse
浏览 3提问于2018-05-19得票数 0
我一直在研究AngularJs网站( )的教程示例。
( ( ng-view和ng-app=phonecatApp__除外))
app.js文件包括以下内容：
var phonecatApp = angular.module('phonecatApp', [
'ngRoute',
'phonecatControllers',
'phonecatFilters',
'phonecatServices'
]);
phonecatApp.config(['$routeProvider'
浏览 4提问于2014-02-22得票数 5
回答已采纳
我有一个cordova应用程序，其中我已经安装了一些类似设备的插件，appversion。在设备就绪时，这些插件会返回一些全局variables，比如device。对于UI代码，我使用angular 7。
如何在angular组件中使用cordova变量？
如果在angular端有任何变量声明，那么我只想在一个文件中这样做，并希望在整个angular应用程序中使用该文件。
浏览 0提问于2019-04-16得票数 0
我有一个问题，把ElementRef注射到我的Injectable。这是我的代码：
import {Injectable, DynamicComponentLoader, ElementRef, Inject} from "angular2/core";
import {Modal} from './Modal';
@Injectable()
export class ModalService{
constructor(public _dcl:DynamicComponentLoader, public _el:ElementRef){
}
浏览 2提问于2016-04-08得票数 2
重复说明:大多数问题+对同一主题的回答都是基于Angular2 <= v2.0.0-rc4。对于rc5，旧的Module/Provider被废弃，并且在rc6中被删除，因此这些答案不再适用。
问题是:如何将angular2服务注入另一个服务类？Singe服务不是@Component()的，它们没有"prodivers“元数据字段。在angular2 >= rc6中，将服务作为依赖项添加到bootstrap()函数中不再有效。那怎么做呢？
浏览 1提问于2016-09-09得票数 1
回答已采纳
我对Angular世界还很陌生。我一直在使用React和Vue JS，现在我需要使用Angular 7，所以，我正在尝试理解/组织项目架构。 我在很多应用程序组件中使用了以下服务导入，并且生成了很多重复的行： // Services
import { TranslateService } from '@ngx-translate/core';
import { LoadingService } from '@services/loading/loading';
import { ErrorService } from '@services/error&
浏览 83提问于2019-02-28得票数 4
我有一个类似如下的服务：
import {Injectable} from 'angular2/core';
import {Router, RouteParams} from 'angular2/router';
@Injectable()
export class QService {
/* A service to handle a query (q) in the search string.
*/
constructor(
private _router:Router,
routeParams:RoutePara
浏览 0提问于2016-03-19得票数 2
在Angular JS控制器中，为什么我必须同时注入作用域和根作用域，控制器的作用域不能作为根作用域的子作用域，并且在默认情况下被注入，因为在视图中，我总是可以引用作用域和根作用域的属性，因为裸体variables.......Why不也适用于控制器，甚至也应用于服务吗？
浏览 4提问于2015-05-14得票数 1
如何全局访问根Angular 2注入器的实例(例如，从浏览器控制台)。
在Angular 1中，它是angular.element(document).injector()。
在测试和探索期间，使用浏览器控制台获取注入器，然后访问不同组件、指令、服务等的实例会很有用。
浏览 8提问于2016-04-06得票数 11
回答已采纳
假设我将import { HttpModule } from '@angular/http';导入到我的主应用程序模块(BrowserModule)，并且在应用程序中我在各地执行Http服务的DI，那么如果：
我使用其他一些模块，例如我创建了一个特性模块，或者我已经下载了npm包，让我们称之为CoolFeaturesModule
CoolFeaturesModule本身正在导入HttpModule和注入Http服务。
据我所知，每个模块都有自己的注入器，每个注入器都有注册的Http服务提供商。因此，我将有多个Http服务实例。对吗？
浏览 5提问于2017-06-10得票数 0
仅限Angular 2问题：
存储全局变量的最好方法是什么，比如身份验证令牌或基本url (环境设置)，这样所有类都可以访问它们，而不会在刷新时丢失它们？
因此，当我登录时，我会给用户一个身份验证令牌，并通常将其存储在angular 1.x的$rootscope中。
浏览 97提问于2015-11-09得票数 19
回答已采纳
3回答
我用角2编写了两个服务，其中一个是Http的基本定制类，它具有一些自定义功能(目前它看起来是基本的，但它将扩展)：
ServerComms.ts
import {Injectable} from 'angular2/core';
import {Http} from 'angular2/http';
@Injectable()
export class ServerComms {
private url = 'myservice.com/service/';
constructor (public http: Http) {
浏览 5提问于2016-04-15得票数 0
回答已采纳
1回答
嗨，我正在努力为我的角应用程序创建儿童路由，这是我到目前为止所拥有的：
import {bootstrap} from 'angular2/platform/browser'
import {CommercifyComponent} from './commercify.component'
import {ROUTER_PROVIDERS } from 'angular2/router';
import {HTTP_PROVIDERS} from 'angular2/http';
bootstrap(Commercify
浏览 3提问于2016-03-08得票数 2
回答已采纳
2回答
我希望将父组件输入元素值绑定到子组件属性。缺点是子组件通过路由器出口嵌套在父组件中.最好的方法似乎是在父组件和子组件之间使用共享服务，如演示的。
下面是我的测试实现：
父组件
import { Component } from '@angular/core';
import { Router } from '@angular/router';
import { ThreadsService } from './threads.service';
@Component({
moduleId: module.id,
sele
浏览 2提问于2017-01-24得票数 1
回答已采纳
提前谢谢。我是angular 6的初学者，我需要关于angular 6服务的帮助。在我的应用程序中，我们使用angular 6服务来存储和获取数据。在某些情况下，我需要清除服务。是否有任何angular内置方法来清除服务，或者我需要手动执行，并将其赋值为默认值。
浏览 4提问于2019-01-06得票数 1
我在angular cli 7程序上工作，我使用Httpclient从Web .net中读取数据，我在服务器上的方法返回json值 getTicket(ticketId: number) {
return this.http.get<TicketModel>(
SERVERURL/ticketId}
).pipe(map(res => res["result"] as TicketModel)); } //创建绑定对象模型 selectedTicket: TicketModel = new TicketModel(); //在selectedTick
浏览 9提问于2019-05-20得票数 0
回答已采纳
1回答
如何在CFML中引用全局函数库？
、、、、
依赖项注入允许您避免直接引用对象外部的对象和作用域。相反，您可以引用注入的依赖项。
我想知道全局函数库的最佳实践。目前我将函数存储在服务器作用域中。我希望我的项目很快成为开源项目，并易于其他开发人员理解。我希望应用程序更容易为其编写单元测试，并且更加松散耦合。
我应该将服务器作用域注入到使用全局函数的每个对象中吗？
或者，当引用这些函数时，我是否应该例外地将"server.functions.myFunction()“作用域直接放在组件中？
以下是代码示例：
方法1：
<cfcomponent>
<cffunction name="init"&
浏览 0提问于2012-11-03得票数 0
回答已采纳
2回答
我有一个由一个组件和一组子组件组成的模块。还有一个专门针对这个模块的服务。
我不确定我的需要是否能理解注入机制。我要做的是将服务注入到所有子组件中。
当我将服务注入组件中时，它是可以的，但我希望在模块级别上设置提供程序。
模块
import { NgModule } from '@angular/core';
import { ChangeUserComponent } from './change-user.component';
import { ChangeUserSidebarComponent } from './sidebar/sideba
浏览 0提问于2019-06-20得票数 1
constructor(private smartphoneService: smartphoneService) { }
我可以运行上面的代码而不会出现错误。但是为什么我们要在服务、管道和etc..Any上使用@Inject和Injectable呢？为什么以及我们需要在哪里使用它？
import { Injectable } from '@angular/core';
import {SmartphoneListComponent} from './smartphone-list/smartphone-list.component';
浏览 2提问于2017-08-17得票数 0
我有一个带有核心包和主机包的angular2应用程序。在主机包中使用核心包。
我正在开发一个在核心包中定义的身份验证服务。但我想在主机包中使用服务。这样我就可以对整个应用程序使用身份验证。
我想使用core包中定义的服务。有谁能帮助我们实现这一点吗？
UICore：
export class UICoreModule {
static forRoot(): ModuleWithProviders {
return {
ngModule: UICoreModule,
providers: [
AuthGuardService,
浏览 8提问于2018-02-23得票数 1
在角1中，所有服务和指令都必须在引导阶段之前添加到角应用程序中。角2有一个新的注入概念，并引入了分层喷射器。“分层注入器”使您能够在启动阶段之后在Angular2中添加服务和组件。
浏览 6提问于2016-07-18得票数 1
回答已采纳
我正在为Angular2中的一个服务构建一些单元测试。
在我的服务中，我有以下代码：
var hash: string; hash = this.window.location.hash;
但是，当我运行包含此代码的测试时，它将失败。
使用Window的所有功能是很棒的，但由于我使用的是PhantomJs，我认为这是不可能的(我也尝试了Chrome，它产生了同样的结果)。
在AngularJs中，我会求助于模拟$Window (或者至少是有问题的属性)，但是由于没有太多关于Angular2单元测试的文档，我不确定该怎么做。
有人能帮上忙吗？
浏览 3提问于2016-04-12得票数 24
假设我有一个服务MyService，它有一个属性"data“，该属性包含从2或3个$http请求中检索的内容，并将其存储到"data”中。此“数据”需要可访问或传递给处理指令(如模式)。
服务"MyService“包含myDirective在第一次加载时处理所必需的属性”数据“。
// var app = angular.module...
app.service('MyService',...)
我有一个单独的指令"myDirective"：
var myDirective = angular.module('myDirecti
浏览 0提问于2013-12-28得票数 0
回答已采纳
1回答
我想知道Angular服务到底是什么时候启动的？ 我很好奇，因为我认为它们(和组件)是首先启动的，根据我在应用程序中看到的。我说的对吗？
浏览 7提问于2021-01-09得票数 1
回答已采纳
3回答
大家好，我是anguler 2的新手，我正在尝试创建一个自定义管道/过滤器
但是，当我想要注入我在app.ts中创建的管道时，这是不可行的，如所附图像所示
我的组件代码：
import { Component, OnInit ,Pipe, PipeTransform} from '@angular/core';
import { Input, Injectable, ApplicationRef, ChangeDetectorRef } from '@angular/core';
import {Observable} from 'rxjs/Rx&
浏览 3提问于2017-03-21得票数 0
1回答
我可以用一些代码做两件事.
通过websocket连接到服务器
发送一条消息并显示回复。
这很好，下面是组件的代码：
app.component.ts
import { Component } from '@angular/core';
import { WebSocketSubject } from 'rxjs/observable/dom/WebSocketSubject';
export class Message {
constructor(
public sender: string,
public con
浏览 8提问于2019-12-15得票数 0
回答已采纳
我有单页应用程序(SPA) Angular7配置角cli。这是一个具有不同角度服务的大型应用程序，包括全局和组件级别.
应用组件使用服务、I/O事件、发射器进行不同组件之间的通信。
因此，请建议并指导我删除至少50 %的服务变量在组件中的使用。例如，请参见下面使用内部组件的代码服务变量。
但在这里，我面临的问题是，每个服务都有超过公共variables.And的手数，这些服务公共级别声明的变量也在不同的component.And中使用，在一个组件中也使用了变量，而在另一个组件中，如果我将使用应用程序路由，则在其他组件值中没有定义。
我可以使用的任何其他更好的方法，而不是声明服务变量和访问内部组
浏览 0提问于2019-02-02得票数 0
在angular 7中-使用卷影dom元素来处理隔离的作用域。在angular 7中创建组件背后的场景是什么，它的独立范围是如何工作的？
有没有人能帮我理解一下？
浏览 0提问于2019-04-02得票数 2
1回答
我有一个team_list页面和一个团队页面。用户将在team_list页面中显示他们所在团队的列表，然后单击其中一个团队以转到其团队页面。我不确定如何发送数据，即用户要访问的团队页面是团队A的团队页面还是团队B的团队页面。那么如何在控制器之间共享数据呢？我知道我应该使用服务，但我不确定如何在这个上下文中使用它们。我已经尝试了一些方法，并注释掉了一些方法，但我仍然不确定如何进行。
使用node.js和express框架作为后端
team_list.html：
<!DOCTYPE html>
<html>
<script src="https://ajax
浏览 1提问于2016-10-10得票数 0
我使用的是angular 7，我的服务如下：
@Injectable({
providedIn: 'root'
})
export class InMemoryDataService implements InMemoryDbService {
private variable: Variable[];
url = 'http://127.0.0.1:4000/api/variable'; //I want make this as parameter when I initialize the service.
async createDb() {
浏览 0提问于2019-04-02得票数 0
我正在做一个项目，遇到了一个没有@Injectable()装饰器的服务，它工作得很好。到目前为止，我的印象是，在angular中，如果我们想实现DI，我们必须使用@injectable()装饰器并使用提供者对其进行配置。使用提供者配置服务是必需的，但使用@injectable()修饰器似乎不是。它只在一些服务中使用。在使用装饰器的服务和不使用装饰器的服务中，我注意到的唯一区别是前者本身有一些依赖项，而后者没有
我有两种类型的服务：
Type1：
export class SharedService {
//do something
}
Type2：
@Injectabl
浏览 0提问于2020-11-30得票数 1
如何在Angular 2中将服务中的变量作为全局变量，以便两个不同的组件可以访问和修改它？
public myMap : Map<string, string> = new Map<string, string>();
这是服务中的地图，我最初使用一个组件填充它。现在，在应用程序中运行了一段时间后，我需要使用不同的组件访问相同的已填充地图。我该怎么做呢？
当我使用另一个组件访问地图时，它显示为未定义。
浏览 32提问于2017-08-03得票数 8
回答已采纳
背景
我在角形中使用继承，主要的问题是最初我必须将服务从父传递到子，类似于
// Parent
export class ParentComponent {
protected myService: MyService;
constructor(private myService: MyService) {
}
}
// Child
export class ChildComponent extends ParentComponent {
constructor(private myService: MyService) {
super
浏览 2提问于2022-09-02得票数 1
1回答
我希望构建一个Angular2应用程序，它可以以两种不同的方式运行--电子内部或通过CLI。
基本上，应用程序的底层组件是一组服务。在应用程序的电子版本中，这些服务将通过一组交互组件公开，但是对于CLI版本，它们将可以使用节点访问。
目前，我正处于研究/PoC阶段，试图确认这是可能的，并提出了两个问题：
角支撑其他平台吗？引导方法似乎只适用于浏览器。
Angular2似乎不支持在服务中注入服务，除非它们都是在组件/应用程序级别定义的(即服务没有注入器)。我并不热衷于在应用程序级别为我的所有服务添加所有的依赖项--事实上，由于我需要非单例，这是行不通的。有人想办法解决这个问题吗？
浏览 0提问于2016-06-13得票数 2
回答已采纳
几天来，我一直在试图找出“角度范式”，但我仍然无法理解一些关于非单身汉的服务。我似乎无法向服务构造函数提供运行时确定的值(而只是硬编码的值)。
假设我想要创建一个服务来为几个对象(例如，开/关开关)中的每个对象提供到某个远程API的持久连接。如何使组件在运行时提供到服务的唯一连接URL，而无需在编译时知道它？该URL是在组件实例化时提供给组件的，但我不知道如何传递它。
//app.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'app-root'
浏览 3提问于2021-04-07得票数 0
回答已采纳
在Angular 6中，下面是创建单例服务的首选方式：
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root',
})
export class UserService {
}
在Angular文档中:当您在根级别提供服务时，Angular将创建HeroService的单个共享实例，并将其注入到请求它的任何类中。在@Injectable元数据中注册提供者也允许Angular通过删除服务来优化应用程序，如果最终证明它不被使用的话。
另外，
providers:
浏览 0提问于2018-06-14得票数 37
我的应用程序使用Laravel和VueJs，我想集成一个角色和权限部分，并为此使用。
在应用程序中，每个用户可以有多个角色(比如: admin、教师、编辑器)，每个角色都有一些权限。
我尝试了一些来自的东西，Shuyi的答案，但是我得到了一些错误。
问题是如何检查VueJS中的角色
控制器
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class TeachersController extends Controller
{
function check($permissionName)
浏览 3提问于2020-07-12得票数 1
我将一如既往地使用ng g s nameOfTheService来生成一个service.That，它提供了以下服务
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class TestService {
constructor() { }
}
这个服务现在可以通过所有组件访问，但我看到一个视频，其中说我们应该在app.module.ts文件的providers数组中指定服务的名称。为什么我们要这样做呢？我从来没有这样做过，我
浏览 1提问于2020-02-20得票数 1
我在调用一个服务内部的函数时遇到了问题，我认为这个服务是全局可用的。我已经创建了一个名为SavedNotificationService的服务
import { Injectable } from '@angular/core';
@Injectable()
export class SavedNotificationService {
private showSavedNotification = false;
show(): void {
this.showSavedNotification = true;
}
hid
浏览 1提问于2017-03-27得票数 3
回答已采纳
我有一个angular2 (有角-cli)应用程序，它将存在于由CMS (DotnetNuke)提供的网站的网页中。这个web cms使用jquery的服务框架来生成对网站“后端”的api调用的验证令牌。因此，在获得此验证令牌之前，我无法生成对网站的任何web调用。
我创建了一个服务来处理对网站api的调用。在服务的构造函数中，我尝试以以下方式设置令牌( ServicesFramework对象有一个名为getAntiForgeryValue的函数，它返回令牌)
@Injectable()
export class ApiService {
private http: Http;
浏览 2提问于2016-10-28得票数 1
我正在尝试理解Angular的DI框架，并参考中的正式文档；特别是viewProviders和提供者属性之间的区别。
虽然我不能说内容很容易理解(特别是解释了如何使用组合逻辑树并使用符号@Provide和@Inject (有时在<#VIEW>中，有时在组件的选择器标记中)解释它是如何工作的一节，但我的结论是，使用viewProviders而不是提供程序可能会影响使用<ng-content>的投影内容的呈现。
谈到这个问题，如果在提供者和viewProviders中同时使用相同的DI令牌，我看不到对场景的解释。
例如：
关于来自parent.component.ts的代码
浏览 0提问于2020-06-08得票数 3
使用angular2 REST服务调用并捕获任何全局异常以处理错误和显示自定义消息的最佳实践是什么。
有谁有这方面的经验吗？
浏览 3提问于2016-06-10得票数 5
2回答
是否可以在启动时在angular 2中执行服务？bootstrap不执行服务的contstructor。而且，每次在某个组件中注入服务时，注入器都会执行服务的contstructor。有没有一种方法可以使服务单调，并确保ctor只运行一次？
浏览 1提问于2016-01-21得票数 4
我尝试在我的请求报头中发送一个路由参数给带有拦截器的api。为此，我将activatedRoute服务注入到一个自定义拦截器中，不确定为什么参数为空？
@Injectable()
export class TokenInterceptor implements HttpInterceptor {
constructor(private activeRoute: ActivatedRoute) {
console.log(this.activeRoute.snapshot.params.itemGuid); //Undefined
}
intercept(req: Http
浏览 0提问于2021-02-03得票数 3
我正在使用angular2开发一个应用程序。我有一个场景，在路由(使用router.navigate())时，我需要将复杂数据(对象数组)从一个组件传递到另一个组件(它们不是父子组件，它们是两个独立的组件)。我已经用谷歌搜索过了，大多数结果描述了组件是父子组件的场景。我已经浏览了结果，并找到了这些传递数据的方法。
1)创建共享服务2)作为路由参数传递
第二种方法适用于我(尽管我不喜欢上面解释的复杂数据)。我无法使用共享服务共享数据。所以我的问题是，只有当组件处于父子关系中时，才能使用服务在组件之间传递数据吗？另外，让我知道是否有其他首选的方法来在一个组件和另一个组件之间传递数据？
更新:我正在
浏览 2提问于2017-03-03得票数 19
回答已采纳
在官方文档中：
，在示例中：
MyController.$inject = ['$transition$'];
function MyController($transition$) {
var username = $transition$.params().username;
// .. do something with username
}
$transition$被注入到控制器中，但是当我对angular 1.6.1和ui-router 1.0.0-beta.3执行相同的操作时，我遇到了以下错误，使用的是组件体系结构: error：$injector:
浏览 2提问于2017-01-05得票数 3
我正在构建一个Angular2应用程序，并且还在使用嵌套组件构建页面。
但是，我有一个用例，其中一个作为过滤器的嵌套组件应该使所有其他嵌套组件根据在该过滤器上设置的内容更新显示的信息。我附上了我的网页看起来像什么和我想要实现的方案。
我已经知道，嵌套组件可以在父组件触发任何定义的操作时发出事件。
但是，我想知道两件事：-我是否可以将一个组件绑定到给定的API端点，并让该组件根据筛选器上的设置更新显示的信息(通过向该端点发出请求)？-如果页面上的所有组件都没有直接绑定到API端点，我如何使它们依赖于筛选器？
诚挚的问候。
浏览 5提问于2016-08-22得票数 0
1回答
离子惰性加载子数组中的模块
、、、、
我有一个离子应用程序，在Page module下面有一个List Page Module和一个Subdir Page Module。下面是文件夹结构-> list/subdir.
problem ：当我导航到localhost:8100/list/subdir而不是Subdir page加载时，我遇到了总是加载List page module的问题。
Outcome：我希望在导航到localhost:8100/list/subdir时加载Subdir page；但它加载的是List page。我只想在URL为localhost:8100/list时加载List pa
浏览 54提问于2019-06-05得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
