在Angular 5中保留类的实例
在Angular 5中，可以通过使用@Injectable装饰器来保留类的实例。@Injectable装饰器用于将类标记为可注入的依赖项，并且在整个应用程序中保持单一实例。
使用@Injectable装饰器的类可以通过依赖注入的方式在其他类中使用。这样可以确保在整个应用程序中使用相同的实例，而不会创建多个实例。
保留类的实例在以下情况下非常有用：
- 当需要在多个组件或服务之间共享数据或状态时，可以使用保留类的实例来确保它们引用相同的实例。
- 当需要在应用程序的不同部分中使用相同的实例时，可以使用保留类的实例来避免重复创建实例。
以下是一个示例，展示如何在Angular 5中保留类的实例：
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class MyService {
// 保留类的实例
}在上面的示例中，MyService类被标记为可注入的依赖项，并且通过providedIn: 'root'选项将其注册为根级提供商。这意味着在整个应用程序中，MyService类的实例将是唯一的，并且可以在其他组件或服务中通过依赖注入来使用。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网套件：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动推送：https://cloud.tencent.com/product/tpns
- 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云元宇宙：https://cloud.tencent.com/product/mu
相关·内容
我创建了示例注册应用程序，我需要将这些数据存储在类数据模型中这是我创建的类模型
export class Model {
name: string;
tableData: any[];
constructor() {
this.tableData = [];
}
// this.tableData = [
// {position: 1, name: 'Hydrogen', weight: 1.0079, symbol: 'H'},
// {position: 2, name: 'Helium', weight: 4
浏览 2提问于2020-06-08得票数 0
我实际上是在尝试(在我的代码中)区分函数和类。
在一个简单的console.log中，我需要知道我的函数的参数是一个类还是一个简单函数。
我实际上是在谈论类，而不是对象，而是一个类。
像这样：
function(item){
if(isClass(item)){
console.log('it s a class !');
}else{
if(isFunc(item)){
console.log('it s a function !');
}
}
}
编辑: ang
浏览 3提问于2015-05-30得票数 3
2回答
我知道，要将依赖项注入Angular2组件，我只需在其构造函数中注释一个参数，就像这里的ThingService一样。我想了解的是Angular如何知道在运行时注入什么，据我所知，这只是TypeScript注释，在运行时没有任何意义。用来管理哪些提供程序在组件的构造函数中的位置的底层内部机制是什么？如果你自己运行这个系统，它将如何工作。这是我不理解的打字机制吗？
@Component({
selector: 'app-thing',
templateUrl: './thing.component.html',
styleUrls: ['./t
浏览 0提问于2017-01-17得票数 5
2回答
首先，我有一个Context类和一个Singleton。我希望Context向Singleton提供一个Http和Events的实例。
import { Http } from 'angular2/http';
import { Injectable, Injector, Provider, provide } from 'angular2/core';
import { Events } from 'ionic-angular';
@Injectable()
export class Context{
constructor(priv
浏览 3提问于2016-06-02得票数 0
1回答
我刚刚开始使用角形2和打字记录。当我从.ts文件导入类时，编译成功，但抛出一个错误
不是函数_co.upchange
当使用(click)时。
Update.ts
export class Update {
name:string;
}
export class Changeable {
upchange (value) {
console.log(value);
}
}
update.component.ts
import { Component, OnInit } from '@angular/core';
import { Update }
浏览 1提问于2019-01-24得票数 0
回答已采纳
我正在尝试使用ASP.NET和Angular来运行一个简单的客户机/服务器应用程序。我已经实现了一些功能，允许客户端通过POST调用服务器，并将数据返回给服务器，然后通过Angular显示给用户。
应用程序本身将是一个聊天室应用程序。我一直在尝试的一件事是让用户维护一个“登录”到聊天室的临时用户列表。最终，我将获得一个用于更持久存储的数据库，但目前在运行时存储将是足够的。
我有一个MessageController类，其中包含一个List<string> _userList对象和一个POST方法，前者用于存储我的临时用户名列表，后者用于将其用户名注册到服务器。
public cla
浏览 0提问于2019-05-23得票数 0
2回答
这是英雄教程角游的app.component.ts。
import { Component } from '@angular/core';
export class Hero{
name : string;
id : number;
}
const HEROES : Hero[] = [
{name : 'jhon snow', id : 1},
{name : 'wiz kahlifa',id : 2},
{name : 'superman',id : 3},
{name : 'b
浏览 5提问于2017-04-12得票数 2
回答已采纳
我在app.resolver.service.ts中有抽象类。在我开发的时候，它正在工作，但是我在PROD构建中有错误。
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Resolve, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
// Annotation section
@Injectab
浏览 4提问于2017-09-20得票数 0
回答已采纳
我正在写一个事件系统，在angular 11中有不同类型的事件
我正在为不同类型的事件定义枚举。
enum EventTypes {
Pending,
Active,
Complete
}
以及用于不同事件的接口
interface PendingEvent { type: EventTypes.Pending }
interface ActiveEvent { type: EventTypes.Active, progress: number }
interface CompleteEvent { type: EventTypes.Complete, data: any }
浏览 0提问于2021-02-18得票数 0
3回答
手动内存管理说明
、、、
我从获得了这张照片：
为这个愚蠢的问题道歉。有人能解释一下这张照片吗？我的解释是：
我们创建一个A类对象的实例。
在[ClassA allocinit]之后，对象的保留计数为1。
在此之后，我们创建了一个ClassB实例，并将他作为一个iVar添加到A类中，对吗？实例化意味着保留计数为1，所有权关系(现在A拥有B)意味着保留计数的1的增量。(1+1 = 2)现在B的保留数是2，对吗？阿尼农？
浏览 3提问于2014-06-08得票数 2
回答已采纳
我使用来缩小不断弹出的错误(因此调试更容易.)
在尝试将数据模型添加到共享模块(在我的浏览器控制台中)时，我一直收到这个错误：
Error: (SystemJS) Can't resolve all parameters for Member: (?).(…)
问题中的Member Class：
import * as _ from 'lodash';
import { Injectable } from '@angular/core';
@Injectable()
export class Member {
private id: string
浏览 4提问于2016-11-01得票数 0
回答已采纳
我想要建立角度形式，我想知道为什么我们要导入'ReactiveFormsModule‘在app.module。然后，要使用像formComtrol、formGroup这样的不同类，为什么我们需要在模板类中显式地导入它们呢？
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { ReactiveComponent } from './reactive/rea
浏览 3提问于2021-05-16得票数 1
回答已采纳
我有一个Range2应用程序，我今天将它从beta1升级到beta16。它在beta1上运行得很好，但在16上就不行了。
angular2.dev.js:24821 TypeError: Cannot read property 'subscribe' of undefined
at AppView._View_ApplicationForm0.createInternal (ApplicationForm.template.js:825)
at AppView.create (angular2.dev.js:22641)
at AppView._Vie
浏览 2提问于2016-04-29得票数 1
回答已采纳
我正在作为AngulaJS中的一个模型处理一个服务。我使用工厂nad，我想使用angular.extend()来向$resource对象添加属性/属性。
问题是我无法访问以下添加的属性：
var myObject = $resource(...);
angular.extend(myObject.prototype, {
hi : "hi",
findFriend : function(){ console.log("You are all alone...") }
}
我无法在控制器中访问"hi“或"findFriend”，也
浏览 1提问于2014-10-23得票数 1
回答已采纳
我是Angular2的新手，当我浏览Angular2上的博客时，我遇到了NgModel和ngModel。我知道[(ngModel)]用于双向绑定。有人能解释一下两者的区别吗？
浏览 1提问于2016-10-05得票数 2
回答已采纳
我试图使用继承为我的服务创建一个通用的错误处理程序，但是由于某种原因，当它到达错误处理程序本身时，'this‘总是看起来是空的，我不知道为什么。我可以很好地进入错误处理程序，但我总是得到：
异常: Uncaught (承诺)：TypeError:无法读取属性'http‘的null
知道我错过了什么/做错了什么吗？不知道“这”怎么可能是空的？
下面是我的整个服务基类：
import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
@Inj
浏览 2提问于2016-12-29得票数 3
回答已采纳
我正在用Django和angular构建一个应用程序。目前，我正在本地存储后台发布的JWT。但是，我担心XSS攻击。我应该使用仅HTTP cookie存储令牌吗？我还在考虑将令牌存储在我的auth服务类的变量字段中。但我不能完全确定angular是否会在整个应用程序中共享这项服务。我的身份验证服务会有一个实例吗？
浏览 0提问于2020-02-03得票数 5
1回答
我用一堆静态实用函数设置了一个类。
// utils.ts
class Utils {
public static blank(anything) {
if (_.isNil(anything) || anything === "") {
return true;
}
return false;
};
// ...
}
window.Utils = Utils;
我将其作为常量注入到我的angular应用程序中：
angular.module("myApp", [
浏览 2提问于2016-06-18得票数 1
按照本教程( -“作为内容的组件”一节)，我将尝试使用angular实现一个模式，但我希望在模式中显示的组件在关闭后保持其状态，以便下次打开时使用。
我已经创建了一个简单的柱塞示例：
我想要实现的是，在调用openA()之后再调用open()将显示文本"Hello，A!“但这并不能保持国家的地位。
openA() {
const modalRef = this.modalService.open(NgbdModalContent);
modalRef.componentInstance.name = 'A';
}
openB() {
const mod
浏览 1提问于2017-05-17得票数 0
1回答
在角2中循环可观测对象的错误
、、、、
我被困在这里，试图循环我的用户服务上的可观察对象。Chrome的控制台抛出：
error_handler.js:47异常:未定义不是函数
这是我的密码：
users.component.ts
import { Component, OnInit } from '@angular/core';
import { UserService } from '../user.service';
import { Observable } from 'rxjs/Rx';
import { User } from '../user';
浏览 4提问于2017-01-03得票数 0
回答已采纳
我正在尝试使用angular-cli设置AOT编译。我有一个从抽象类继承的指令，在编译过程中我得到了一个错误，angular无法确定抽象类属于哪个模块。我不能将它添加到NgModule的声明数组中，那么正确的方法是什么呢？我的代码结构如下所示：
//...imports
export abstract class TutorialDirective {
//...base class logic
}
@Directive({
selector: '[tut]',
exportAs: 'tut'
})
export class Defa
浏览 0提问于2017-01-17得票数 22
我正在创建一个包含许多视图的表单，这些视图将聚合到包含用户信息的对象中。我有一个组件，它有一个form.js文件：
import angular from 'angular';
import FormController from './form-controller';
import FormService from './form-service';
export default angular.module('Form', [])
.controller('formController', Fo
浏览 0提问于2016-07-21得票数 0
我需要在飞行中创建一些angular服务。我无法理解如何使用DI和http服务。请帮帮我！
import { HttpClient } from '@angular/common/http';
export class BaseService {
constructor(private http: HttpClient) {}
get() {
return this.http.get('/endpoint');
}
}
let service = new BaseService(HttpClient);
// doesn't w
浏览 0提问于2020-04-01得票数 0
在中，不写回调函数。
我有服务：
angular.module('myApp')
.factory('Thing', ['$resource',
function ($resource) {
return $resource('/api/things/:id', { id: 'all' }, {} );
}
);
我有控制器：
angular.module('myApp')
.controller('ThingCtrl', ['$sco
浏览 1提问于2014-05-10得票数 2
回答已采纳
在angular1中，我们经常使用工厂来注入类，而不是实例。在angular2中，我也可以这样做：
{provide: MyClass, useFactory: () => { return MyClass }}
...
constructor(MyClass) {
let instance = new MyClass();
}
然而，我记得我读到，这是有道理的，因为没有JS模块。既然我们使用了ES6模块，我想知道是否有必要在类注入中使用DI？我看到了许多库，它们不使用角度DI获取类，而是通过import语句访问它们。
浏览 3提问于2017-02-20得票数 3
回答已采纳
1回答
我们正在Ubuntu12.04LTS和ROS环境中使用Eclipse在C++中做一个项目。我过去常常在源文件中定义类，并跳过原型；但现在我们被告知要使用头文件作为原型，并将源文件作为其原型包含在头文件中的函数的扩展。它的目标是实现一个易于阅读的代码。
然而，我在返回结构类型时遇到了问题，而我以前的工作方式没有问题。让我把我要达到的目标说清楚，
这是头文件，
class Im_Robot
{
public:
Im_Robot();
private:
typedef struct
{
double d_kp1
浏览 1提问于2013-07-05得票数 0
回答已采纳
我拥有并希望在整个应用程序中使用的服务是
import {Injectable} from '@angular/core';
@Injectable()
export class UserDetailsService {
objUser: User = new User();
testing: string;
getData() {
return this.testing;
}
setData(my:string) {
debugger;
this.testing = my
浏览 2提问于2016-10-05得票数 2
我有一个模块入口点init.js，如下所示
import $ from 'platform!jquery';
import angular from 'platform!angular';
import ngRoute from 'platform!angular-route';
import kendo from 'platform!kendo-ui';
import DemoModuleMain from './scripts/app.min';
export function render(containe
浏览 0提问于2016-03-31得票数 1
我在我的angular应用程序中使用tinyMce (原生的，而不是angular ui指令)。tinyMce转换为html编辑器的文本区域位于局部视图中(我使用的是angular route)。问题是，应用程序第一次访问部分视图时一切正常，但是下次用户选择此视图时，文本不会转换为tinyMce编辑器。
所以我的问题是，如何让tinyMce初始化代码在每次用户访问partial时命中？
我看到了类似的问题，但没有理解任何解决方案……
下面是我的初始化tinyMCE代码，它位于局部视图的控制器中：
angular.module('sam').controller('gro
浏览 1提问于2014-08-28得票数 3
我试图将一个自定义service(MessageService)插入到另一个自定义service(ItemService).中。它抛出一个错误MessageService是在ItemService中不可违抗的。
但是，服务(MessageService和ItemService)都可以很好地处理组件。
mani.ts
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';
const p
浏览 2提问于2016-11-07得票数 4
回答已采纳
我正在学习用Karma测试角2，并且想知道代码中的一些点我不明白。配置TestBed“模拟模块”后，将运行以下代码：
mockBackend = getTestBed().get(MockBackend);
这是干什么用的？我在另一篇文章中找到了以下解释：“获取对模拟后端的引用，以便在用Http.get获取数据时，我们可以用假数据进行响应”，但我不明白为什么我需要“获取”，难道它不是已经存在于导入{MockBackend, MockConnection} from '@angular/http/testing';中了吗？或者模块以某种方式得到了方法？
我后来使用它，就像
浏览 3提问于2016-10-26得票数 1
回答已采纳
1回答
我想用rest api在angular和spring之间传递一个对象列表，但我无法将在angular中传递给服务的数组与在Spring中传递给控制器的数组进行匹配，并得到以下错误： ERROR Invalid JSON input: Cannot deserialize instance of `com.backend.guestnhouse.payload.request.RoomRequest` out of START_ARRAY token; nested exception is com.fasterxml.jackson.databind.exc.MismatchedInputE
浏览 21提问于2020-04-18得票数 0
回答已采纳
我有一个有几个组件的应用程序，每个组件都异步显示不同的数据。我使用routerLink在不同组件之间导航。
问题是，当组件A中的数据发生变化时，如果当前正在查看组件B，则当返回组件A时，DOM不会使用新数据进行更新( ngFor列表将继续显示test1、test2而不是接收到的数据)。但是，使用console.log，我可以在Dev工具中看到组件A在查看组件B时仍在接收数据。如果我在组件A中，当接收到新数据时，DOM被更新，新数据被正确显示。
在导航回组件时，我需要做些什么来确保DOM被刷新吗？我想我可能会检测到NavigationEnd并将数据分配给自己。我遗漏了什么吗？
谢谢，下面是代码：
浏览 0提问于2019-02-09得票数 0
回答已采纳
1回答
我已经在我的项目中为电影创建了一个模型类，其中包含以下内容
//movie/model.ts
export class Movie {
title:string;
overview:string;
id:string;
seasons:any[];
constructor(obj: any) {
this.id = obj.id;
this.overview = obj.overview;
this.title = obj.title;
}
}
此外，我还创建了一个服务，它进行所有的http调用，以便从api获
浏览 0提问于2016-06-13得票数 5
1回答
我有一个基础组件，它由它的孩子扩展，但当我们在Angular中使用angular-cli创建一个新的组件时，它会创建html和css文件，但我不会从基础组件使用这些文件。
有没有办法在没有html和css的情况下创建一个基础组件？
import { Component, OnInit, Input } from '@angular/core';
@Component({
selector: 'app-base',
templateUrl: './base.component.html', //I dont need this
sty
浏览 0提问于2018-03-16得票数 18
回答已采纳
我用在Angular和Nativescript中。我想尝试只为原生脚本输入模板(tns create myApp --template tsc)...但我需要一个共享服务，就像我在Angular中一样……这可以在Vanilla typescript Nativescript中完成吗？
提前感谢
浏览 0提问于2018-10-23得票数 1
2回答
我尝试使用BrowserModule更改页面标题。我在应用程序模块中添加了BrowserModule和标题，如下所示：
在一个子模块(我试图在这里添加服务和模块(BrowserModule) )中，我有一个组件，其中我插入了标题服务，但该服务是“未定义的”。
模块
import { NgModule } from "@angular/core";
import { CommonModule } from "@angular/common";
import { RouterModule, Routes } from "@angular/router"
浏览 2提问于2018-02-21得票数 2
回答已采纳
1回答
在angular1中，我们只有提供程序字符串的令牌类型。在angular2中，我看到的所有示例似乎都在使用类标记。例如：
class Car {}
var injector = ResolveInjector.resolveAndCreate([
{ provide: Car, useClass: Car },
^^^
{ provide: Engine, useClass: Engine }
]);
我想知道有效的令牌类型是什么？它们可以基于TypeScript数据类型还是JavaScript数据类型？当解析依赖项时，角化。那么，在元数据中有效的令牌类型是
浏览 1提问于2017-01-16得票数 1
回答已采纳
例如，如果我在app.module.ts中注册服务，则必须执行以下操作才能使服务在组件中可用
app.module.ts
import { AppComponent } from './app.component';
import { MyComponent } from './mycomponent/mycomponent.component';
import { MyService } from './services/myservice.service';
@NgModule({
declarations: [
AppCom
浏览 1提问于2017-09-17得票数 6
回答已采纳
1回答
我正在尝试设置验证，这样如果用户名被使用，新用户就不能使用相同的用户名注册。我得到一个错误，找不到afDatabase，这是在username.ts中发生的。它找不到构造函数中定义的FirebaseDatabase。为什么会发生这种情况？谢谢你的帮助。
无法读取未定义的属性“afDatabase”
username.ts
import { FormControl } from '@angular/forms';
import { AngularFireAuth } from 'angularfire2/auth';
import { AngularFir
浏览 2提问于2018-01-14得票数 0
回答已采纳
我研究了很多，发现其中一个性能技巧是在Angular中设置ChangeDetectionStrategy为OnPush，以减少Angular应用中的修改次数，但在某些情况下，不推荐使用它？
我将在Ionic Angular Application中通过声明式/反应式RxJS模式开始使用它。
这将是如此美好的建议给我一些关键字，以提高最大的性能。
浏览 5提问于2021-12-02得票数 0
1回答
我正在尝试使用Jasmine和Karma编写我对Angular的第一个“复杂”测试。这是我想要写一个测试的代码：
import { Component, Inject } from "@angular/core";
import { FormGroup, FormControl, FormBuilder, Validators } from '@angular/forms';
import { Router } from "@angular/router";
import { AuthService } from '../../servi
浏览 0提问于2018-10-26得票数 0
我正在尝试向我的项目中添加一个组件--“树动态示例”，您可以在这里看到它：
现在，如果您转到此站点并添加一个新服务，如下所示：
import { Injectable } from '@angular/core';
@Injectable()
export class NewService {
constructor() { }
}
然后转到tree-dynamic-example.ts并添加下面这一行(构造函数(私有newService: NewService){} )，如下所示：
export class DynamicDatabase {
constructo
浏览 1提问于2019-01-06得票数 1
1回答
请参阅代码：
它是这样的：
import {Component, Inject, provide} from 'angular2/core';
import {Hamburger} from '../services/hamburger';
@Component({
selector: 'app',
template: `Bun Type1: {{ bunType1 }}
<br/>
Are these same instances : {{equality}}
`
})
export class App {
浏览 4提问于2016-04-03得票数 0
回答已采纳
1回答
我有一个问题，需要一些帮助。我试图通过在我的前端使用一个角度控制器来调用一个android函数，但是我无法让它工作。
MainActivity：
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mWebView = (WebView)findViewById(R.id.activity_main_webview);
mWebView.
浏览 2提问于2014-11-04得票数 3
3回答
我刚开始测试。我有一个service和一个spec文件，运行时我得到以下错误：
错误:无法解析DashboardService：(?)的所有参数。错误属性:对象({ ngSyntaxError: true })
spec文件如下所示：
import { TestBed } from '@angular/core/testing';
import { DashboardService } from './dashboard.service';
import { ApiService } from './../api.service';
d
浏览 0提问于2019-02-11得票数 3
典型组成部分：
@Component (
selector: 'mycomp',
template: '<div>mycomp</div>',
)
class MyComp implements OnInit {
String testobj;
void mymeth() {
context.callMethod('alert', [testobj]);
}
@override
ngOnInit() {
testobj = '123';
context.callMethod('alert
浏览 2提问于2018-01-30得票数 1
回答已采纳
我在设置评论时遇到了问题，这是angular 2项目的一部分。this.reviews = targ这行代码告诉我
TypeError:无法设置未定义的“reviews”属性
targ似乎存在，因为我可以成功地将它打印到控制台中。你知道为什么会发生这种情况吗？
import { ReviewService } from '../review.service';
import { Review } from '../review/review.component'
import { Component} from '@angular/core';
浏览 0提问于2017-03-12得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
