Angular 6测试:如何在没有嵌套依赖的情况下提供服务？
在没有嵌套依赖的情况下提供服务，可以通过以下步骤实现：
- 首先，在Angular 6中创建一个服务。可以使用Angular CLI命令
ng generate service serviceName来生成一个服务文件。 - 在服务文件中，定义一个类并导出它。该类将包含服务的逻辑和功能。
- 在服务类中，使用
@Injectable()装饰器将该类标记为可注入的服务。 - 在服务类中，创建一个公共方法，该方法将提供所需的服务功能。例如，可以创建一个名为
getSomeData()的方法，用于获取数据。 - 在组件中使用该服务，可以通过以下步骤实现：
- 在组件文件的顶部导入服务类。例如，
import { ServiceNameService } from './service-name.service'; - 在组件类的构造函数中注入服务。例如，
constructor(private serviceName: ServiceNameService) { } - 在组件中使用服务的方法。例如，可以在组件的某个方法中调用
this.serviceName.getSomeData()来获取数据。
- 在组件文件的顶部导入服务类。例如，
通过以上步骤，您可以在没有嵌套依赖的情况下提供服务。这种方法适用于简单的服务场景，其中服务不依赖于其他服务或模块。如果服务之间存在依赖关系，则需要使用Angular的依赖注入机制来解决。
相关·内容
1回答
你好吗？
我在angular 6中开发了一个依赖于Http和ConfigService的登录服务，需要测试它的方法。我该如何用jasmine做到这一点呢？
现在谢谢你了！
浏览 7提问于2018-09-05得票数 0
尝试用Jest测试角服务，得到了以下错误：
[$injector:nomod] Module 'superag' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
我如何模拟我的模块'superag‘并使其可用于mathService
我是否必须导入每个测试都带有模块声明的app.js文件？
浏览 0提问于2018-03-20得票数 6
2回答
下面是Angular7 Http服务 import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Observable } from 'rxjs';
import { map, retryWhen, retry } from 'rxjs/operators';
import { AddCustomer as Tran
浏览 22提问于2019-04-23得票数 0
1回答
我刚开始进行单元测试，主要是从我发现的例子中学习。问题是，我看到了太多不同的模式，很难理解它们之间有什么不同。以及如何为各种用例组合这些模式。以下是这样的一种模式：
var $rootScope, $window, $location;
beforeEach(angular.mock.module('security.service', 'security/loginModal.tpl.html'));
beforeEach(inject(function(_$rootScope_, _$location_) {
$ro
浏览 1提问于2015-09-15得票数 6
回答已采纳
我的项目依赖于angular2 beta.6和另一个依赖angular2 beta.0的项目。
package.json为我的项目
"dependencies": {
"angular2": "2.0.0-beta.6",
"another-project": "0.0.1"
}
package.json为另一个项目
"dependencies": {
"angular2": "2.0.0-beta.0",
}
当我npm install我的项
浏览 1提问于2016-02-14得票数 7
回答已采纳
1回答
我的package.json文件有问题。
当我在其他项目中使用大多数节点模块时，它应该工作得很好，但是下面有一个package.json：
"dependencies": {
"@angular/common": "^2.0.0-rc.1",
"@angular/compiler": "^2.0.0-rc.1",
"@angular/core": "^2.0.0-rc.1",
"@angular/platform-browser": "
浏览 3提问于2016-07-12得票数 7
我正在看，它写道：
在app.js中定义和配置所有模块：
angular.module('yourAppName', ['yourAppDep']);
angular.module('yourAppDep');
在模块上定义控制器、服务等，如下所示：
angular.module('yourAppDep').controller('MyCtrl', function () {
// ...
});
有人能给我解释一下app.js中这两个定义行发生了什么吗？这些行不应该定义模块并将它们赋值给变量吗？
浏览 3提问于2013-04-08得票数 0
回答已采纳
我正在寻找已经完成了许多搜索的信息，但我只能找到与服务之间的名称空间冲突相关的答案/帖子，或者将一个服务注入另一个服务的方法。
假设我有两个独立的服务：
angular.module('app')
.service('OneService', function() {
this.func = function() {
console.log('service one');
};
})
.service('TwoService', function()
浏览 2提问于2018-01-16得票数 1
回答已采纳
1回答
尝试通过一个简单的例子来学习这个测试工具TestBed在角-2中，并且已经击中了我的第一个阻止程序。谷歌搜索没有给出任何匹配的例子，
所以，我有一个非常基本的组件header如下所示-
import { Component } from '@angular/core';
@Component({
selector: 'header',
template: ''
})
export class HeaderComponent{
public title: string;
constructor(testparam
浏览 5提问于2017-02-12得票数 7
回答已采纳
2回答
我正在用Angular 6，Karma和Jasmine设置一个新的解决方案。然而，令我惊讶的是，规范列表显示以下类为未定义的类：
<li class="undefined" id="spec-spec1" spec-suite-id="suite3">
<a href="?spec=Router%3A%20App%20looks%20async%20but%20is%20synchronous">
looks async but is synchronous
</a>
</li>
浏览 0提问于2018-07-26得票数 5
我有一个Angular 6应用程序和一个现有的nodejs api应用程序。到目前为止，我已经使用了
ng serve
运行并构建angular应用程序。
现在，我想从现有的node js服务器为我的angular应用程序提供服务。
我该怎么做呢？我找不到任何文件。
浏览 1提问于2020-03-22得票数 0
我正在用最新的angular_components-0.6.0-alpha+2包进行一些测试，因为我想在我的角度应用程序中对我的<material-dropdown-select>组件进行单元测试。我基本上希望使用pageloader包在测试期间单击并打开下拉选择，单击选项。
现在，我正在尝试将<div id="default-acx-overlay-container"> (由angular_components生成)装入自定义<div id="my-container">中
<my-app>Loadin
浏览 3提问于2017-08-09得票数 0
回答已采纳
我有一个带有相当多依赖项的服务，定义如下：
angular.module('serversync.services', ['database', 'date-time-format', 'serversync.config'])
.factory('ServerSync', function($log, $q, $http, _, DatabaseProvider, DateTimeFormatter, ExternalSyncServerConfig) {
var self = this;
v
浏览 2提问于2015-08-11得票数 0
嗨，我正在尝试测试一个自定义的类实例化，我在同一个规范文件中有几个测试，这就是为什么我使用beforeEach方法，我也使用inject方法来获得我的类所需的服务，但当我运行测试时，变量appointmentCreationVehicle是未定义的，这是我的代码： describe('AppointmentCreationVehicle', () => {
let appointmentCreationVehicle: AppointmentCreationVehicle;
beforeAll(() => {
TestBed.configureT
浏览 23提问于2019-05-29得票数 1
回答已采纳
Angular中的所有服务都是单例的。众所周知，单例是一种糟糕的做法。
我知道很多人(包括我)对Angular非常满意。这里我漏掉了什么？
浏览 0提问于2015-07-20得票数 1
2回答
我有一个恼人的错误，可能是因为我的错误我无法解决。我有一个简单的组件，实际上它只不过是我的web应用程序中的一个顶层元素。
如您所见，这个组件只有一个依赖项，即UserService，它使用它非常简单：
import { Component, OnInit } from '@angular/core';
import { MdButton } from '@angular2-material/button';
import { MdIcon , MdIconRegistry} from '@angular2-material/icon';
imp
浏览 2提问于2016-07-11得票数 4
我正在编写一个angular2单元测试(Jasmine)，我知道我应该模拟服务而不是提供真正的服务，所以我做了以下工作：
{ provide: TranslateService, useClass: TranslateService }
如果没有专门为测试目的创建的另一个类(构建类或自定义类)，这是正确的方法吗？
这对我来说没有任何意义，如果我要使用TranslateService类，还是应该以另一种方式这样做呢？
浏览 0提问于2017-11-12得票数 1
回答已采纳
我想在IPFS中部署我的angular项目，所以我想知道是否可以在没有任何http服务器的情况下启动一个angular项目，比如静态html、css和js模板？
浏览 0提问于2018-04-18得票数 0
如何在角5组件中使用AngularJS服务？
我有AngularJS应用程序，我试图制作混合应用程序，但不能使用AngularJS服务洞察角组件:获取错误
错误:尝试在设置AngularJS注入器之前获取它。
我的main.ts是
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';
platformBrowserDynamic().bootstrapModule(AppMo
浏览 0提问于2018-08-23得票数 6
1回答
我需要测试我的服务，它使用Injector来注入服务，而不是constructor()。
我使用这种方式的主要原因是大量的服务扩展了我的公共SimpleDataService。这里是CompanyService，ProductService，TagService等，每个人都扩展了SimpleDataService。因此，我不想为super()调用定义更多必要的参数。
app.module.ts
import { Injector, NgModule } from '@angular/core';
export let InjectorInstance: Injector;
浏览 3提问于2020-06-12得票数 5
回答已采纳
我是致力于角7应用程序和有一个问题的自动导入通过QuickFix。用户定义的类和组件可以正常工作，但是Angular(如ViewChild、OnInit等)不是:/
在清洁项目，它的工作(我有角扩展VS代码)。
我试着找出任何不同的配置，但老实说，我到底想要什么？
我发现在tsConfig中没有Angular.json链接
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConf
浏览 2提问于2020-11-26得票数 0
回答已采纳
在Jasmine/Karma中努力设置单元测试。我有一个具有服务依赖关系的控制器，而该服务又有另一个服务依赖关系。我不是按类型(指令、服务等)组织模块，而是按功能(布局、summaryView等)组织模块。
架构如下：
angular.module('myApp', ['ngResource', 'myApp.base', 'myApp.layout','myApp.common']);
angular.module('myApp.base', ['myApp.common']);
浏览 0提问于2013-05-18得票数 14
回答已采纳
2回答
我试着用茉莉花和角形6在我的电子应用程序中编写单元测试，但是这种方法行不通。我有一个服务，它不需要在我对另一个服务的特定测试中被测试。所以我决定像这样嘲笑第一个服务：
import { Injectable } from '@angular/core';
import { TestService } from '../../services/test/test.service';
@Injectable()
export class TestServiceMock extends TestService {
private somePath: str
浏览 1提问于2018-10-02得票数 1
回答已采纳
5回答
当我试图更新我的角度CLI和NPM时，我发现自己处于一个几乎无休止的错误循环中。每次更新时，都会收到警告消息，告诉我要安装对等依赖项(见下文)，但每次安装依赖项时，都会遇到更多的警告消息。是否有更好的方法来处理这种情况，还是真的要花上几个小时？
npm WARN @angular/animations@5.2.1 requires a peer of @angular/core@5.2.1
but none is installed. You must install peer dependencies yourself.
npm WARN @angular/compiler-cli@5.1
浏览 0提问于2018-02-05得票数 92
回答已采纳
我试图为控制器编写一个单元测试，该控制器使用$http服务获取文章细节。
主计长：
.controller('ArticleDetailCtrl',function($scope, Article, $routeParams, API_URL, ARTICLE_URL, $http, $sce){
$scope.url = API_URL + ARTICLE_URL + '/' + $routeParams.articleId;
$http.get($scope.url).then(function(response) {
浏览 1提问于2014-07-07得票数 2
我的第13角应用程序有以下内容：
是显示欢迎消息的应用程序组件和显示欢迎消息的父组件--父组件在div中显示一些文本和子组件并侦听子组件的选择更改，使用@ViewChild获取子组件--一个显示mat-select并通过公开的Observable输出发布用户选择的子组件>。<code>H 211</code><code>F 212</code>
当我运行应用程序时，一切都正常。当我在子组件中进行选择时，父组件将得到预期的选择更改。但是，当我运行父组件单元时，使用一个带有RxJs ReplaySubject而不是EventEmitter和Ob
浏览 6提问于2022-06-23得票数 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
1回答
Angular4 -如何测试服务
、、、、
我对Angular4相当陌生，需要为我构建的简单服务编写单元测试，但不知道从哪里开始。
该服务简单地将api调用包装如下：
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { HttpClient } from '@angular/common/http';
import 'rxjs/add/operator/map';
import { KeyValuePair } from
浏览 2提问于2017-10-17得票数 0
1回答
我正在尝试连接一个使用Http服务的基本Angular2应用程序。(我看到的大多数教程都是通过让Component使用Http服务来做到这一点的，除非瘦控制器的基本理念已经改变，否则这似乎是错误的--但这是一个不同的问题。)
我想要创建一个使用Http服务的服务。但我想不出如何注入Http服务，只有这样：
boot.ts：
import {bootstrap} from 'angular2/platform/browser';
import {AppComponent} from './app.component';
import {HTTP_PROVIDERS
浏览 4提问于2016-01-03得票数 8
回答已采纳
1回答
我的目标是对NewServicesRequestsComponent进行单元测试，我能够解决其他依赖项，但仍然坚持使用名为GenericService的服务依赖项。
我尝试将它作为规范文件中的提供程序并使用Mockbackend来解决XHRbackend错误，一旦XHRbackend被解决，它就给出了“”错误，所以在搜索上面的错误时，我发现MockBackend已被弃用，并且@ar角/http/ that也被废弃了，即使在通过跟踪之后，我也无法解决与GenericServices相关的问题。我给出了下面的组件、规范和GenericService文件
NewServicesRequestComp
浏览 0提问于2019-01-10得票数 4
2回答
我继承了一些使用全局对象来存储角服务的代码。这些服务被附加到角模块的run函数中的全局对象。我的问题是，这会不会导致道路上的麻烦？这会引起什么样的麻烦呢？像这样传递服务似乎比在每个控制器中注入所有服务容易得多，所以我明白为什么要这样做。不这样做还有什么其他的理由呢？下面是一些代码来说明我要说的内容：
// vars
var globalObject =
{
ng: {},
};
// Setup module
var myModule = angular.module("myModule", []);
myModule.config(doStuff);
myModul
浏览 6提问于2017-09-15得票数 2
回答已采纳
根据另一个服务B，我正在测试服务1。通常正确的方法是在注入A之前使用$provide对象。然而，我有两个约束：
服务B的模拟存储在另一个文件中，因为我在多个测试中重用它(如后面所示，我只是注册了一个新的角服务)
我需要在测试的某些时候初始化这个服务B(建立承诺)
问题是，到目前为止(我是测试控制器)，为了能够从我的测试中访问服务B，我需要注入它。但是要在$provide中模拟它，我需要在我的测试中已经有了访问它的权限，这就带来了一个问题，因为$provide需要在任何inject()之前使用。这是我的测试：
describe('viewsListService'
浏览 1提问于2015-02-27得票数 5
回答已采纳
我想使用$templateCache服务向缓存中添加一些html。在角文档示例中，它只显示了在run中使用它的情况：
var myApp = angular.module('myApp', []);
myApp.run(function($templateCache) {
$templateCache.put('templateId.html', 'This is the content of the template');
});
但是，当我试图通过myApp配置添加一些模板时，似乎存在注入器错误。有没有一种在运行中使用templateCa
浏览 5提问于2016-02-24得票数 0
回答已采纳
我们有一个主项目，它加载子项目，然后用npm将它们捆绑到一个文件中。下面是package.json：
{
"name": "my-project",
"version": "1.0.0",
"description": "",
"main": "index.js",
"dependencies": {
"angular": "^1.5.7"
},
"devDependencie
浏览 9提问于2016-10-07得票数 0
回答已采纳
1回答
茉莉花不注射服务
、、、
前提:我的应用程序工作得很好，但无论如何，我决定模拟单元测试。我的测试是，检查服务给定对象是否已定义，是否失败。
这是我的服务代码：
//app/components/lib/search.js
angular.module("search", ["lazyLoad", "httpInterceptor"])
.service("SearchObject", ['$rootScope', '$location', 'Globals', function ($rootScope, $
浏览 6提问于2016-02-11得票数 1
回答已采纳
我有一个主模块，它加载ngRoute服务。
angular.module("app", ["ngRoute", "app.settings"]
我的app.settings模块没有加载ngRoute服务，
angular.module("app.settings", [])
.config(["$routeProvider", function($routeProvider){
$routeProvider.when("/settings", {
t
浏览 0提问于2015-09-15得票数 6
回答已采纳
全部：
在Angular2的第一天，我学习了它在第6部分的官方教程:在应用程序周围路由
在Create AppComponent部件下，它说：
将HeroService添加到AppModule的提供者数组中，因为我们在其他视图中都需要它。
从HeroService提供程序数组中删除它，因为它已经被提升。
我认为Add HeroService to the providers array of AppModule的原因是在没有导入/声明的情况下在每个组件中一次又一次地使用它，但是当我打开heroes.component.ts示例文件时，它仍然导入该服务：
import { He
浏览 0提问于2016-10-26得票数 0
回答已采纳
我在我的maven项目中创建了一些类，并使用IntelliJ IDEA工件创建了一个jar文件。以下是项目的结构：
+ProjectName:
----src
-----main
------java
------A.B (packages)
--------DB
BP
SP
在创建jar文件时，我只包括了类BP。在新项目中导入jar文件，并在主函数中运行以下简单代码：
import
浏览 1提问于2018-06-11得票数 0
回答已采纳
问题：在恢复之后，在ASP NET Core project > Dependencies\npm\中包含了许多奇怪的包(恢复)。与我的package.json配置文件不对应的包。怎么阻止它？
在我将使用devDependencies作为UI项目的Empty ASP.NET Core Web项目中，我添加了带有依赖项和节点的package.json文件。
{
"name": "myProject",
"version": "1.0.0",
"scripts": {
"start&#
浏览 1提问于2016-05-20得票数 1
回答已采纳
2回答
升级到Angular 6后，ng e2e不能在可用的端口上运行。例如，如果您使用以前版本的Angular (我们之前使用的是4)，您将拥有端口号为4200的应用程序服务，当我们同时运行ng e2e时，它会选择一个空闲端口(如49152)来运行测试。
在Angular 6升级后，当我尝试在类似的场景下运行测试时，它失败了，并显示错误消息“端口4200已在使用中”。
出于CI的目的，我不想手动将--port {port number}传递给该命令，因为硬编码端口号在CI中的并行执行中会出现问题。在升级到Angular 6的过程中有些东西坏了，我应该改变配置吗？
浏览 4提问于2018-07-04得票数 4
1回答
当我执行npm时，安装此错误将显示。对此有什么建议吗？
PS C:\Users\alex\Downloads\team> npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: frontend@0.0.0
npm ERR! Found: @angular/compiler@13.1.3
npm ERR! node_modules/@angular/compiler
npm ERR! @angular/
浏览 3提问于2022-02-07得票数 1
我正在做一个Angular项目，它基本上有用户统计组件，它使用Devexpress包的小部件，并有一个服务插件来从服务器获得数据。我必须创建另一个页面，具有相同的视图，但添加了几个额外的小部件和功能。我面临的问题是，我是否应该在Angular项目中使用继承的概念，因为与第一个组件中的属性和方法相关的问题很少，因为它们是私有的，需要在我创建的新组件中使用。此外，我发现一些问答和博客建议不要在Angular中使用继承的概念，这对于主要使用python和Java的人来说听起来有点奇怪。我应该在这里使用的任何特定的角度概念，比如ng-content或其他什么。
浏览 2提问于2020-06-05得票数 0
1回答
试图用茉莉花对angular2应用程序进行单元测试，但当我尝试注入服务时，间谍不会接收注入的呼叫。
测试套件：
import { TestBed, inject, tick, fakeAsync, ComponentFixture } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { RouterTestingModule } from '@angular/router/testing';
import { RoomCom
浏览 3提问于2017-01-10得票数 4
回答已采纳
假设我有一项服务：
angular.module("app").factory("myService", function($rootScope){
return {
doSomething: function(){
console.log('doingSomething', $rootScope.$$phase);
$rootScope.someVar = true;
}
}
});
如果我像这样在控制器中运行它
angular.module(
浏览 2提问于2014-01-10得票数 0
2回答
卡玛和茉莉花共存吗？
、、、、
根据网上定义：
Karma:是一个生成web服务器的工具，它针对每个连接的浏览器执行源代码。针对每个浏览器的每个测试的结果通过命令行被检查并显示给开发人员。
Jasmine：是一个用于测试js代码的开发框架。它不依赖于任何其他JavaScript框架。它不需要DOM。而且它有一个清晰而明显的语法，这样您就可以轻松地编写测试了。
我的问题是，卡玛是否要求茉莉花运行，卡玛是否依赖茉莉花，因为茉莉花是一个框架，而卡玛是运行在这个框架上并运行笔试的工具吗？
我在我的angular2项目中使用了这两种方法。
浏览 2提问于2017-09-05得票数 1
回答已采纳
2回答
我试图创建一个auth.guard.service，但由于某些原因，我得到了错误的Can't resolve all parameters for AuthGuard: (?, [object Object]).，这是服务。
import { Observable } from 'rxjs/Observable';
// import { AuthService } from './auth.service';
import { Injectable } from '@angular/core';
import { CanActivate
浏览 5提问于2017-11-16得票数 0
回答已采纳
下面是一个示例：
beforeEach(angular.mock.module('my-app'));
beforeEach(angular.mock.inject(function (_$rootScope_, _$compile_, _sessionParams_, _$httpBackend_, _pclnABTesting_){...}));
在jasmine单元测试中，我们通常会在angular.mock的inject中看到这种_service_。
但我仍然不确定这是如何工作的？
For example, the parameter _myService_ woul
浏览 2提问于2016-02-26得票数 0
我正在使用ngxs进行角度状态处理，并且我试图测试我们的组件作为单元，所以最好只使用模拟存储、状态等。
我们的组件中包含的内容如下：
export class SelectPlatformComponent {
@Select(PlatformListState) platformList$: Observable<PlatformListStateModel>;
constructor(private store: Store, private fb: FormBuilder) {
this.createForm();
this.selectPlatf
浏览 3提问于2018-06-28得票数 9
回答已采纳
我创建了一个通用的npm模块，可以被任何angular 5应用程序使用。在共享模块中，有一个注入位置的全局服务。全局服务如下所示：
global.service.ts
import {Location} from '@angular/common';
import {Injectable} from '@angular/core';
ixport {RouterModule} from '@angular/router';
@Injectable()
export class GlobalService {
location:Locatio
浏览 0提问于2018-04-28得票数 1
2回答
我想知道关于模块的一些事情。我前段时间开始使用Angular 2，所以我搜索了太多的主题，但我还没有找到任何令人满意的答案。
当我们创建angular 2应用程序时，一定要使用模块。当然，也要使用嵌套模块。我们可以使用多少嵌套模块？这是可行的，还是对嵌套模块有限制？
例如，假设我得到了管理仪表板应用程序。我们可以像这样构建吗？
app.module.ts
|
--dashboard
|
--dashboard.module.ts
|
--login
|
--login.module.ts
.
浏览 6提问于2017-03-26得票数 8
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
