Angular2 中的共享服务
我正在尝试为我的应用创建共享服务. import { Injectable } from '@angular/core';@Injectable()导出类 SharedService {测试服务(){console.log('分享！');}} 然后我将它注入到我的 app.component 的提供者中，但是当我尝试在子组件的构造函数中调用它时，如下所示:constructor(public
..
angular2-routing相关内容
不支持调用 Angular2SocialLoginModule 函数调用
我是 angular js2 的新手.目前我正在使用一个 Web 应用程序，它使用 angular2 作为前端.在这个应用程序中，我使用 angular2-social-login 进行身份验证.但是当我运行 npm start 时出现以下错误 错误中的错误遇到静态解析符号值.调用函数“Angular2SocialLoginModule"，不支持函数调用.考虑使用对导出函数的引用替换函数或
..
延迟导航到下一页
我的 angular 站点运行良好，但是当您单击进入一个项目时，它会立即加载页面，有时在从图像中提取图像时会出现 flashAPI、id 类似于 1 秒的延迟或页面过渡效果. 但我不确定如何在 Angular 2 中实现这一点.有兴趣了解其他人在做什么吗? 提前致谢 解决方案 你可以实现 CanDeactivate 接口，类似这样: routerCanDeactivate(c
..
如何读取组件中的http状态码错误
我知道以前有人问过这个问题，但我似乎找不到答案，如何从 http 读取状态代码..? this.bookingService.save(this.param).订阅(数据 =>swal({"title": "成功！","text": "您的数据已保存","类型": "成功","confirmButtonClass": "btn btn-secondary m-btn m-btn--wide"
..
如何在 Angular2 中处理多个 queryParams
我正在尝试在新的 Angular2 应用程序中实现过滤机制，这将允许我过滤数组中的条目列表.这些条目可能有大约 20 个可以过滤的属性.到目前为止，我已经在一个组件中创建了一个过滤器列表，然后创建了一个作为子组件路由到的列表组件.然后我计划通过路由器将过滤器作为 queryParams 传递.只用一个过滤器就可以了: 在发送端我有: this.router.navigate(['/find
..
“{header:Header;}"类型的参数不可分配给“RequestOptionsArgs"类型的参数
我在尝试在 HTTP.POST/GET 请求中传递标头时出现以下错误 “{header:Header;}"类型的参数不可分配给“RequestOptionsArgs"类型的参数.类型“{header:Header;}"中缺少属性“null" 我尝试了很多解决方案，但没有锁定. 这里是我的代码: import { Injectable } from '@angular/core';从“
..
Angular 2 在服务中获取 routeParams
我想将逻辑从组件转移到服务.但是我发现我无法在服务中获取 routeParams. 我的组件看起来像 import { Component, OnInit } from '@angular/core';从“@angular/router"导入 { ActivatedRoute, Params };从'../services/my.service'导入{我的服务}；@成分({模块 ID:mo
..
Angular2 延迟加载服务被实例化两次
我今天刚刚将我的应用程序切换为延迟加载. 我有一个 SharedModule 可以导出一堆服务.在我的 AppModule 中，我导入了 SharedModule，因为 AppComponent 需要访问一些共享服务. 在另一个模块 FinalReturnModule 中，我导入了 SharedModule.在我的一项服务中，我在构造函数中放置了一个 console.log('hi').
..
你可以在路由器插座上使用@ViewChild() 或类似的东西吗?如果是这样怎么办?
我反复遇到这样一种情况:我想访问位于路由器插座另一侧的子组件而不是选择器: 喜欢:不是: 据我所知，这与 ViewChild 功能冲突，但似乎我的组件应该能够像查看选择器标签中的内容一样轻松地查看路由器插座中的内容并与之交互. 例如我试过这个: 导出类 RequestItemCatsComp {@ViewChild('chil
..
Angular2 - 使用服务的组件之间的交互
我有两个组件 A 和 B，其中组件 A 包含一个按钮.我希望当用户点击这个按钮时，在组件 B 上触发一个函数 组件 B 是使用路由呈现的.我正在考虑使用带有可观察布尔值的服务，指示是否单击了 A 中的按钮.这是实现它的正确方法吗? 解决方案 共享服务是非相关组件之间常见的通信方式.您的组件需要使用服务的单个实例，因此请确保它在根级别提供. 使用 B
..
如何在 Angular 2 中创建单例服务?
我已经读过在引导时注入应该让所有孩子共享同一个实例，但是我的主要和头组件(主应用程序包括头组件和路由器出口)每个都获得了我的服务的单独实例. 我有一个 FacebookService，用于调用 facebook javascript api 和一个使用 FacebookService 的 UserService.这是我的引导程序: bootstrap(MainAppComponent, [
..
Angular 2 中的身份验证，处理可观察对象
我刚刚开始了一个 Angular 2 项目，正在尝试启动和运行身份验证.受到本教程的启发，我决定执行以下操作: 创建自定义 RouterOutlet 类(对其进行扩展)以在调用 url 时处理身份验证逻辑. 我在这个自定义类中成功了，但仍然不确定如何检查用户是否通过身份验证.我的情况如下，我需要查询一个外部API的get调用，对于我的开发过程如下: getAdmin() {let h
..
如何在 dart 的 angular2-beta.20 中为路由器使用 HashLocationStrategy?
我尝试在 Dart 的 angular2-beta.20 中使用带有 HashLocationStrategy 的路由器.但我找不到任何文档，除了此链接指向 angular2-beta.15 个文档，这是不完整的.该示例显示了 TypeScript 导入而不是 Dart 导入. 所以我尝试导入package:angular2/router.dart，但Dart Analyzer一直抱怨找不到
..
如何动态/实用地生成 Angular 路由配置?
嗨，我正在尝试务实地定义 Angular 2 路由路径. 我有一个返回路径的服务，所有路径都使用一个公共组件进行路由 服务如下图，(所有路径都是动态生成的) 导出类 PagesService{getPages() :string[] {返回 [{"slug": 'john',"name": 'John'},{"slug": 'martin',"name": 'Martin'},{"s
..
Angular/Typescript 中的表达式包装:需要解释何时/何地需要的经验法则
在这段代码中，有人可以解释为什么/何时需要，我认为在 Typescript 中被称为表达式包装的经验法则?即 . 中的 '(' ')' 例如，如果我定义了一个元组类型并在主代码的解析工具/方法签名中使用它，您是否还需要将 '(' ')' 包裹在 Children 数组周围? 在 Typescript/Angular 中是否还有其他场景会出现“表达式包装"? 是 Angula
..
Angular 2/4/5 - 将子组件加载到主路由器插座
我目前正在使用 angular 5.我遇到了我的路由器配置及其相应组件内容呈现的问题.下面是我的路由器配置. const appRoutes: Routes = [{ path: "", pathMatch: "full", redirectTo: "home" },{路径:“家"，组件:HomeComponent},{路径:“应用程序"，组件:ApplicationsComponent，孩子
..
如何以角度 2 动态设置表格标题?
我正在获取 JSON 数据，并将 JSON 数据存储在我的财产上. this.ResultData_search=data.json().extras.ResultDatathis.ResultData=[{"名字": "xx","电子邮件": "xxx","电话": "xxx","国家代码": "+91","order_datetime": "xxx",“状态":11，“设备类型":3，"or
..
Angular2 this.router.navigate 只触发一次
我的页面中有以下选项卡结构，大括号中给出了相应的 URL: 主选项卡 (/page)/|\/|\/|\/|\子标签 1 子标签 2 子标签 3(/page/a) (/page/b) (/page/c) 组件 @Input() 路由:string = '';选择标签(标签){let route = this.router.url.split('?')[0];/* 这里redirectUrl
..
单击 Angular 2 中的按钮时如何执行全屏窗口功能?
我已经为用户创建了登录页面.如果他们点击提交按钮，页面将导航到一个组件(test.component.ts,test.component.html,..). 我需要在全屏模式下制作该窗口.像，(html5 中的视频控制全屏). submitLogin() {if (this.userName === 'Student' && this.passWord === 'student@123')
..
在 angular2 通用上设置站点地图的路线
我们如何设置路由，以便可以通过 URL 访问站点地图: /sitemap.xml 我的应用路由模块是这样的:- 导出函数 getHomeModule() {return System.import('./+home/home.module' + (process.env.AOT ? '.ngfactory' : '')).then(mod => mod[(process.env.AO
..