如何从TypeScript枚举中获取值(Angular 6)
在Angular 6中，可以通过以下方式从TypeScript枚举中获取值：
- 使用枚举名称直接访问值：
- 使用枚举名称直接访问值：
- 使用枚举名称和值的映射关系进行访问：
- 使用枚举名称和值的映射关系进行访问：
- 在Angular中，可以通过创建一个枚举服务来获取枚举的值：
- 在Angular中，可以通过创建一个枚举服务来获取枚举的值：
- 在组件中使用枚举服务：
- 在组件中使用枚举服务：
以上是从TypeScript枚举中获取值的几种方法。在Angular 6中，你可以根据具体的需求选择适合的方式来获取枚举的值。对于枚举的应用场景，它可以用于定义一组相关的常量，提高代码的可读性和可维护性。在腾讯云的相关产品中，暂时没有直接与TypeScript枚举相关的产品，但可以使用腾讯云的云函数（SCF）或云开发（CloudBase）等产品来支持后端开发和部署。
相关·内容
3回答
我在从枚举中获取值时遇到了问题。下面是我的代码片段： export const enum ComplianceType {
ENGINEER_ASSESMENT = 'ENGINEER_ASSESMENT',
CONSTRUCTION_COMPLIANCE = 'CONSTRUCTION_COMPLIANCE',
ARCHITECTURE_ASSIGNMENT = 'ARCHITECTURE_ASSIGNMENT',
BLUEPRINT_APPROVAL = 'BLUEPRINT_APPROVAL',
THE
浏览 141提问于2019-06-11得票数 0
回答已采纳
2回答
如何从angular动态表单中获取值以下是我的代码：
<form (ngSubmit)="PreviewData()" [formGroup]="DataForm">
<div class="form-group row" *ngFor="let data of FormData;" >
<label class="col-md-2 col-form-label" >{{data.name}}</label>
<div class
浏览 5提问于2019-02-26得票数 1
回答已采纳
1回答
我的swagger方案中有一个枚举，如下所示： - name: shipmentType
in: query
required: false
type: integer
format: int32
enum:
- 0
- 1
- 2
- 3
- 4
- 5
- 6 在使用swagger codegen (2.4.17)生成typescript-angular客户端之后，生成的枚举如下图所示： ? 有没有办法让生成器
浏览 27提问于2021-01-21得票数 2
我正在处理angular2 typescript项目，我只想在调用angular2()函数后将对象的键重置为'‘，示例如下
export class Events{
event:any={ name : '', date : '',.........};
eventOriginal=this.event;
save(){
//save(this.event)
//after save, reset value to initial state
this.event=this.eventO
浏览 1提问于2017-03-22得票数 0
我的项目对支持Angular2的库有很多依赖，但不支持Angular6 for ex。现在我发现很难通过阅读他们的github页面来准确判断他们是否支持Angular2。一个想法-看看package.json typescript版本-如果低于2.7.2 (最低Angular6 typescript版本)，它绝对不支持Angular6。是那么回事吗？如何从github页面了解库是否支持Angular6？
浏览 3提问于2018-10-02得票数 0
1回答
我正在使用Typescript和Angular 2，我想从一些json数据动态创建枚举。例如，我希望为下拉菜单设置枚举，并希望从json中获取选项。该怎么做呢？
浏览 16提问于2016-09-20得票数 0
回答已采纳
在Visual 2017构建应用程序时，我遇到了问题。我使用的是ASP.NET核心2和角6。在运行应用程序之后，我从node_modules获得了文件output_ast.d.ts的错误：
(TS)在“const”枚举声明中，成员初始化器必须是常量表达式。
和
构建:在“const”枚举声明中，成员初始化程序必须是常量表达式。
有错误的代码：
export declare const enum JSDocTagName {
Desc = "desc",
Id = "id",
Meaning = "meaning&#
浏览 5提问于2018-05-27得票数 2
5回答
考虑以下枚举：
public enum LeadStatus
{
Cold = 1,
Warm = 2,
Hot = 3,
Quote = 5,
Convert = 6
}
当我从数据库中拉取值时，如何将整数值转换回字符串。我试过了：
DomainModel.LeadStatus status = (DomainModel.LeadStatus)Model.Status;
但我得到的似乎是"status = 0“
浏览 0提问于2010-03-30得票数 4
回答已采纳
1回答
现在我已经将更新为Angular2 v2.0.0-rc.1，当我的应用程序被捆绑在中时，我再次看到了TypeScript编译错误/警告消息。我从TypeScript源文件中引用的任何TypeScript包都会收到这些消息，如下所示：
ERROR in ./src/app/app.ts
(1,34): error TS2307: Cannot find module '@angular/core'.
ERROR in ./src/app/app.ts
(3,76): error TS2307: Cannot find module '@angular/common
浏览 0提问于2016-05-05得票数 5
回答已采纳
我在把csv文件拷贝到卡桑德拉。我有下面的csv文件，表如下所示。
创建表UCBAdmissions(
id int PRIMARY KEY,
admit text,
dept text,
freq int,
gender text
)
当我使用从'UCBAdmissions.csv‘中复制UCBAdmissions.csv= '，’和HEADER = TRUE；
输出是
在0.318秒内导入24行。
cqlsh>从UCBAdmissions中选择*；
身份证，承认，部门，女性，性别
(0行)
从“UCBAdmissions”中复制“UCBAd
浏览 3提问于2015-12-15得票数 1
1回答
我只需要理解下面的语法。我在html页面中使用angular-archwizard libray作为我的向导。
<aw-wizard #wizard>
<aw-wizard-step [stepTitle]="'Steptitle 1'" [canExit]="canExitStep1">
<div class="centered-content">
<div>
Content: Step 1
</div>
浏览 2提问于2019-12-09得票数 3
回答已采纳
如何让typescript intellisense / autocomplete在一个简单的Angular 6库中工作。
我有一个带有Angular 6库的Angular 6项目。Typescript intellisense / autocomplete在项目上工作正常。但是，它在引用库组件时不起作用。该库不在npm中，将仅用于此本地项目。
这里没有提到类型(或者我能找到的任何其他地方)：
我在VS Code和Visual Studio编辑器的最新版本中都尝试过。
浏览 1提问于2018-08-15得票数 0
我很好奇为什么TypeScript转换程序会将枚举编译成字典查找，而不是简单的对象。下面是一个示例TypeScript enum：
enum transactionTypesEnum {
None = 0,
OSI = 4,
RSP = 5,
VSP = 6,
SDIV = 7,
CDIV = 8
}
以下是TypeScript发布的JS代码：
var TransactionTypes;
(function (TransactionTypes) {
TransactionTypes[TransactionTypes["None
浏览 0提问于2018-10-22得票数 6
回答已采纳
6回答
离子2页变化事件
、、、、
每次页面更改时，我都想执行一些代码。
我可以向每个页面添加一个ngOnDestroy方法。看来我可以使用Ionic 2页面 (例如ionViewDidUnload)实现完全相同的效果，但我没有费心去测试它，我宁愿在主应用程序类中添加一个方法。
我看到你可以订阅角2 。如何翻译在Ionic 2中使用？首先，我发现import { Router } from '@angular/router;出错了：
TypeScript error: <path>/node_modules/@angular/router/src/common_router_providers.d.ts(9,
浏览 9提问于2016-10-03得票数 20
回答已采纳
2回答
我有一个输入HTML字段，它接收日期。当发生这种情况时，它会激活字段上的验证控件，如果日期不正确，我会得到一个错误。现在，我需要将从Firestore获得的值设置为此输入，并使用 (<HTMLInputElement>document.getElementById(id)).value = value 要做到这一点。它工作得很好，但是验证器无法识别该值。我想知道如何实现它。我使用的是angular 7和angular form验证器。当从UI获取值时，验证器可以完美地工作。 我尝试在表单控件中使用函数setError，并将其属性设置为null，但是对于我的代码来说，这样做效率不高
浏览 18提问于2019-06-11得票数 1
回答已采纳
1回答
我尝试在laravel 5.2中使用Angular2，所以我尝试配置gulp来编译typescript文件。
这是我的package.json文件：
{
"private": true,
"scripts": {
"prod": "gulp --production",
"dev": "gulp watch"
},
"devDependencies": {
"gulp": "^3.9.1",
"l
浏览 30提问于2016-08-11得票数 0
我参考了许多关于堆栈溢出的文章，以调用Angular6的typescript中的JavaScript方法，但它们都不起作用，首先我寻找一个简单的函数与警报将在JavaScript中执行并从typescript调用，请求一个工作方法和如何创建JavaScript文件的d.ts文件的详细描述，以及所有配置文件中的详细更改，如angular.json，tsconfig.json等，如果可能，请发布Angular6的工作和测试示例
浏览 33提问于2018-09-23得票数 -2
回答已采纳
每次我运行angular2项目时，都会从unpkg.com/plugin.js/lib/plugin.js加载大量文件和'ts‘库。我想摆脱从另一台服务器加载的文件。我已经在本地安装了，但是当我像其他人一样给出本地路径时，我得到了错误“响应状态为404 (未找到)”为：
加载资源失败:服务器响应状态为404 (未找到)
加载资源失败:服务器响应状态为404 (未找到)
加载资源失败:服务器响应状态为404 (未找到)
加载资源失败:服务器响应状态为404 (未找到)
加载资源失败:服务器响应状态为404 (未找到) index.html:18错误:错误: XHR错误(404未
浏览 3提问于2016-11-22得票数 1
回答已采纳
1回答
在使用 (v6)和Angular (v6)应用程序中的Typescript时，我被它的行为搞糊涂了，我想我可能看得太仔细了。基本代码如下所示：
import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
console.log(BreakpointObserver); // logs the class
@Component({...})
export class MyComponent {
private breakpointObserver : BreakpointObserver;
浏览 0提问于2018-08-23得票数 0
回答已采纳
1回答
我正在使用Angular 6，并且我已经根据这里的文档设置了翻译处理。
问题是，文档没有解释如何使用typescript获得翻译。
这里有一个类似的问题：
但我不能使用这个答案，因为它依赖于ngx-translate，一旦Angular赶上它，它就会被弃用，参见。
那么使用Angular 6 i18n -我如何使用typescript获得翻译后的文本呢？
浏览 2提问于2018-09-25得票数 1
在正在构建的应用程序中，我们创建了一个名为UserRolesEnum的Enum，如下所示
public enum UserRoleEnum {
Aministration = 1,
Manager = 2,
Employee = 3
}
当将此信息发送到数据库时，将存储int。
在用于显示系统中用户的页面上，组件中以TypeScript格式返回的数组是int数组(如1、2、3)。
使用TypeScript和Angular2的组合，以下内容用于显示用户的角色：
<div class="role" *ngFor="let role of use
浏览 0提问于2017-08-11得票数 2
回答已采纳
我试图通过以下一些来自互联网的例子来学习redux，但是我遇到了一个TypeScript错误，我不知道如何修复.
我在同一个目录里有两个文件..。constants.ts和types.ts.
constants.ts导出包含字符串值的操作常量：
// constants.ts
export const Actions = {
ADD: 'ADD',
TOGGLE: 'TOGGLE',
};
types.ts包含一个ActionType，它将用于指定Redux还原器函数中的参数类型.它使用Actions常量，如下所示：
// types.ts
import
浏览 1提问于2018-09-01得票数 0
回答已采纳
我安装了NPM版本的类型标1.7.5和angular2测试版。在Visual 2015 Update 1中构建项目时，我会看到以下错误：
1>VSTSC : error TS2318: Build: Cannot find global type 'Iterable'.
1>VSTSC : error TS2318: Build: Cannot find global type 'IterableIterator'.
1>VSTSC : error TS2318: Build: Cannot find global type 'Symb
浏览 6提问于2015-12-16得票数 1
我继承了一个旧的应用程序，它使用了遗留工具：和。
当我运行grunt serve --reload时，我收到以下警告消息：
WARNING: You are currently running a version of TypeScript which is not officially supported by typescript-eslint-parser.
You may find that it works just fine, or you may not.
SUPPORTED TYPESCRIPT VERSIONS: ~2.3.2
YOUR TYPESCRIPT VERSI
浏览 2提问于2021-02-02得票数 15
7回答
我声明了以下枚举：
public enum TransactionTypeCode { Shipment = 'S', Receipt = 'R' }
如何从TransactionTypeCode.Shipment获取值“S”或从TransactionTypeCode.Receipt获取值“R”？
只需执行TransactionTypeCode.ToString()就会给出一个枚举名称为"Shipment“或"Receipt”的字符串，这样它就不会减少问题。
浏览 1提问于2008-09-18得票数 16
回答已采纳
首先，我检查了这些：
还有更多。已经敲了我两天的头了。
是的：
我在我的boot.ts文件(或引导文件)中引用了：
///<reference path="../node_modules/angular2/typings/browser.d.ts"/>
现在，问题是:我正在使用VisualStudio2015W/Update1和一个ASP.NET MVC 6项目(发布候选1) +类型记录1.8.1。
我使用本教程来完成设置：
我已经成功地使用了角2一段时间，现在相同的代码(afaik)不会编译。它将在browser.d.ts文件中给我“无法找到名称:诺
浏览 6提问于2016-03-23得票数 9
这是我的密码：
import {Component} from "@angular/core";
@Component({
selector: 'my-app',
template: `
<h1>{{title}}</h1>
<h2>{{secondTitle}}</h2>
<main-page></main-page>
`
})
export class AppComponent {
title = 'Lovely Ju
浏览 1提问于2016-08-19得票数 2
回答已采纳
我想把我用Typescript编写的Angular2应用程序编译成ES6代码，计划最近用Babel把它编译成ES5。但是我得到了一个错误：
node_modules/angular2/typings/es6-shim/es6-shim.d.ts(6,14): error TS2300: Duplicate identifier 'PropertyKey'.
<...>
node_modules/typescript/lib/lib.es6.d.ts(3841,14): error TS2300: Duplicate identifier 'PropertyK
浏览 2提问于2016-01-09得票数 4
如何在此表中使用angular / typescript获取值。
如何获取code和label的值？我试着做这段代码，但它不起作用：
MyComponent.ts
jsonsTypes = []; // define here global variable
saveFolder() {
let tab = [];
this.adminService.getLabelByCode(code).subscribe(
labelByCode => {
tab.push({
浏览 0提问于2017-08-17得票数 0
回答已采纳
我期待转换一个现有的基于TypeScript的角度应用程序使用新的ES6 1.5 ES6模块语法。目前，我们将所有模块放在单独的文件中，主"app“模块定义为.
define('app', ['angular'], (angular) => {
return angular.module('app', []);
});
..。以及使用require()方法注册的所有角元。
require(['app'], (app: ng.IModule) => {
app.config(config);
浏览 3提问于2015-08-25得票数 0
当我在VisualStudio2015Update1中试用angular2 beta版本时，我发现了这个错误，在VisualStudio2015Update1中，它无法找到模块‘angular2/core’。
守则如下：
import {Component} from "angular2/core"
@Component({
selector: 'my-app',
template: '<h1>My First Angular 2 App</h1>'
})
export class AppComponen
浏览 4提问于2015-12-16得票数 13
回答已采纳
我从过去的一周开始学习angular 2，我在处理路由时发现了一个问题。在开发阶段，我通过npm start运行我的应用程序。但是我是用gulp.js迁移的，当我通过输入gulp开始运行时，输出是完美的，但是当我手动重新加载/refersh/更改路由时，routing not working显示无法在地址栏中获得消息。
谢谢。
这是我的gulp文件
var gulp = require('gulp'),
webserver = require('gulp-webserver'),
typescript = require('gulp-ty
浏览 20提问于2016-08-16得票数 1
回答已采纳
我有一个关于最佳实践的问题。我想在注册表格中用enum来表示性别的角度。在我的后端，我在Java中使用Spring并创建了枚举性别。
现在如何在登记表中显示性别价值观？我应该在TypeScript中实现枚举，或者如何从Spring调用它，这是否有效？
浏览 0提问于2019-03-29得票数 1
回答已采纳
我在代码中使用了safe navigation operator。 ? 但是当我执行代码时，angular给出了一个错误。 ? ? 为什么会出现这个错误:因为typescript认为它是一个三元运算符?::，但我将它用作safe navigation operator。那么如何解决这个问题呢？ 版本："typescript"：~2.9.2，Angular：6
浏览 6提问于2021-07-06得票数 0
回答已采纳
我做了很长一段时间的Java程序员，现在我正在学习Angular，这让我开始学习TypeScript。
我正在开发一些简单的东西来练习，我遇到了一种情况，在Java世界中，我会创建一个Enum。
在我看来，TypeScript支持这个枚举概念，然而，与Java相比，它是相当有限的。
为了解决TypeScript中枚举的局限性，我想使用一个行为类似枚举的类。
根据TypeScript世界中的良好实践，下面的实现是否“正常”？
在接收参数的TypeScript中实现枚举是可能的吗？或者，这真的只能通过类来实现吗？
export class MyEnum {
public static r
浏览 1提问于2017-07-17得票数 0
我使用带有Typescript和Systems.js的fountainJS Angular2生成器来搭建项目。
但我有个问题，我不能将组件添加到项目中。当我输入import {GOOGLE_MAPS_DIRECTIVES}时，我得到了这个错误
system.src.js:1057 GET http://localhost:3000/node_modules/angular2-google-maps/core/index.js 404 (Not Found)
我浏览了“入门”部分，并在jspm.config.js文件中添加了一些代码，但我的项目中没有angular-cli-build.
浏览 3提问于2016-09-04得票数 0
`
vscode 1.7
Typescript 2.1.1
Angular 2 latest
package.json
"dependencies": {
"@angular/common": "^2.2.4",
"@angular/compiler": "^2.2.4",
"@angular/core": "^2.2.4",
"@angular/platform-browser": "^2.2.4",
浏览 1提问于2016-12-06得票数 0
3回答
我在我的NS NG2应用程序上遇到了一些问题。每当我尝试运行命令tns livesync android --watch或任何其他要构建的命令时，我都会收到一个非常长的错误列表。下面是这个错误的一个小片段。
app/node_modules/typescript/lib/lib.es6.d.ts(20054,15): error TS2451: Cannot red
eclare block-scoped variable 'name'.
app/node_modules/typescript/lib/lib.es6.d.ts(20328,6): error TS2300: D
浏览 6提问于2016-11-16得票数 0
回答已采纳
如何在Typescript (应用程序是Angular 9)中获得CKEDITOR 4插件的句柄？
我需要通过typescript (自动增长)设置配置，并尝试执行插入HTML功能。
我已经导入了模块(见下文)……但并不是很多。
从‘CKEditor4 -angular/ckeditor’导入{CKEditor4}；
浏览 3提问于2020-05-31得票数 0
在为typescript angular组件声明常量变量时，最佳实践是什么？ 我用过这两种方法，但我想知道哪一种更好。 第一种方法是在类之前或在单独的typescript文件中声明一个大写的全局常量变量。但是，我真的不喜欢在class组件中使用几个大写字母的全局常量变量。 const STAGE_1: string = 'stage1';
STAGE_1 第二种方法是在typescript文件中创建枚举，并将其导入到组件中。 export enum Stage {
Stage1 = 'stage1',
}
Stage.Stage1 我最近一直在使用第二
浏览 38提问于2021-09-21得票数 2
回答已采纳
我不确定如何在Asp.Net MVC4的Visual Studio2015TypeScript中开始使用Angular2
我有一个typescript文件，其中包含以下内容
import { bootstrap } from 'angular2/platform/browser';
然后我使用nuget获取angular2.TypeScript.DefinitelyTyped
编译现在会给我-a大量的错误，例如
Build: Cannot find module 'angular2/platform/browser'
以及几千个这样的错误
Build: Dupl
浏览 1提问于2016-04-10得票数 1
我正在做一个项目，其中UI已经在Angular中开发。我们的需求是将该UI加载到Android webview中。现在我们的用户界面需要一些信息从主机android设备，如BLE设备列表或wifi列表。所以我需要在android原生代码和Angular Typescript代码之间架起一座桥梁。到目前为止，我可以通过在typescript中创建一个接口来从Typescript代码调用Android代码，如下所示：
export class WebAppInterface {
showToast(toast: String): any;
}
与我在Android中实现的相同，如下所示：
浏览 9提问于2018-10-12得票数 2
我正在为TypeScript 1.8.1.0Beta使用VS2015 1.8.10和TypeScript工具。另外，我使用VS2015 RC3
我试图升级到TypeScript 2.0，而我也遇到了同样的问题，所以我回到了TypeScript 1.8。我试图修复VS2015，更改tsconfig.json“目标”和“模块”选项，卸载整个项目并在项目文件中设置TypeScript选项，尝试升级TypeScript工具等等；但仍然会出现以下错误：
我的TypeScript文件找不到@棱角包(是的，它们在我的node_module文件夹中)，我甚至会收到实验装饰器错误，即使我的tsconfig.js
浏览 3提问于2016-08-30得票数 2
回答已采纳
1回答
我在为我的Angular项目从TSLint迁移到ESLint的过程中遇到了一些严重的问题。我的工作方式是创建一个全新的项目(目前是Angular 9)，然后升级到Angular 10.2。我遵循了中的指导原则，并运行了npx tslint-to-eslint-config。然而，当我试图通过我的Visual Studio Code扩展运行ESLint时，当它试图ESLint我的app.component.ts文件时，我得到了以下错误：
Error while loading rule '@angular-eslint/template/banana-in-box': You h
浏览 1提问于2020-12-03得票数 4
我目前正在做一个Angular 10项目，在这个项目中，我必须从TypeScript类向DOM中添加原生的HTML元素，如div、table、p、h1 (这可以通过DomSanitizer在Angular中实现)。但我也想在已创建的div中创建一个Angular组件。 因为使用ComponentFactoryResolver只创建一个组件很容易。 例如，这应该从Typescript动态创建： <div>
<my-component></my-component>
</div> 我如何才能做到这一点？致以亲切的问候，史蒂夫
浏览 26提问于2020-07-22得票数 0
如何在angular6中使用typescript获取当年
currentYear:Date;
this.currentYear=new Date("YYYY");
alert(this.currentYear);
它显示无效的日期
浏览 139提问于2018-08-29得票数 43
回答已采纳
我可以很容易地在Chrome和Firefox中调试我的Angular 2(从Angular-CLI生成的项目) Typescript文件，但我无法在IE 11中调试我的任何typescript文件。我在列表中看到的所有文件都是.js类型的。有人能指导我做错了什么吗?或者如何在IE中调试应用程序？
浏览 6提问于2017-09-24得票数 10
1回答
我在DB中有一个名为settings的表。在后端，我有两个端点:获取设置和放置设置。
现在，我尝试创建一个窗口来在Angular中编辑这个表。
我创建了Angular Service来获取值：
findUserSettings(): Observable<UserSettings> {
const userServiceUrl = environment.backendUrl + '/users/settings';
const httpOptions = {
headers: new HttpHeaders({
'Content-Type
浏览 35提问于2018-06-07得票数 1
回答已采纳
谁能指出如何在chrome中调试angular 2源代码typescript文件。webpack为angular项目的typescript文件提供服务(文件包含在angular项目的"src“文件夹中)
但不提供angular源代码的typescript文件。
浏览 0提问于2018-01-26得票数 2
如何在typescript angular 6中使用push如何在typescript angular 6中使用push
This error is shown while searching for product, How to use push
"Child.html:28错误TypeError:无法读取未定义的属性'push‘“
<h2>Hello Iam CHild Heading</h2>
<button (click)="search()">Search</button>
<h1>{
浏览 0提问于2019-11-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
