关于Angular版本6的问题，来自Google的Web框架。将此标记用于仅针对版本6的Angular问题。对于任何不特定于单个版本的Angular问题，请使用标记Angular。
我有 Angular 6 应用程序和 SSR。我注意到在 server.js 中的 SSR 上一次使用了错误的环境变量文件 (environment.ts)（没有 SSR 就不会发生） 这是和平的竞争...
我想在 Ionic 4 中获取日期对象，但我找不到日期，我无法编译代码。 从 '@angular/core' 导入 { Component, OnInit }; @成分（{ 选择器：'应用程序预订...
实现OnInit类的目的是什么，去掉ngOnInit就可以了？
在 Angular 6 中，当我们创建一个组件时，该组件的 .ts 文件有一个实现 OnInit 类的类，但是当我们删除默认方法（ngOnInit）时，它工作正常。 所以我的问题...
我尝试根据官方文档使用 primeNG Accordion 这是我的代码： 故事
我最近安装了 Angular 6，想重新使用 Angular 5.2 如何将我的 Angular 版本从我拥有的任何版本更改为我选择的版本？
我有一个 Angular 6 项目，我们曾经为图像提供 CSS 类，如下所示： .some-class { 背景: url('asset/images/myimage.png'); 无论
将贴图设置为 angular6/openlayers 中的变量
我使用 Angular 6 和 openlayers 5.1.3。我成功地执行了 npm install ol --save ，然后在我的角度中执行了 从 'ol/map' 导入 OlMap； 从 'ol/source/xyz' 导入 OlXYZ； 从 'ol/
package.json Angular6： { “名称”：“adnanrealestate”， “版本”：“0.0.0”， “脚本”：{ “ng”：“ng”， "start": "ng 服务", “构建”：“ng
我的表单组结构如下所示（order.component.ts）： this.orderForm = this.formBuilder.group({ 客户：this.formBuilder.group({ 名称：[''，验证器.required]， 电话: ['',
Angular Service Worker SwUpdate.available 未触发
我很难将 Angels Service Worker 集成到我的应用程序中。我按照指南进行操作，到目前为止它有效。我可以在主屏幕上创建快捷方式并启动到我的应用程序。问题...
我正在尝试创建一个动态模板来显示 NPM 自述文件中列出的动态组件的信息。 https://www.npmjs.com/package/angular5-toaster 例子： 导入 {BodyOutputType}...
我想要在 Angular 中预览上传的 Word 文档。使用 iframe 加载文件，但文件是下载而不是加载。 我想要在 Angular 中预览上传的 Word 文档。使用 iframe 加载文件，但文件是下载而不是加载。 <p-dialog [(visible)]="displaydoc" [modal]="true" [responsive]="true"> <div id="DocText"> <iframe src = "URL" width='700' height='550' allowfullscreen webkitallowfullscreen> </iframe> </div> </p-dialog> 下面是预览文档的一个很好的示例。 https://stackblitz.com/edit/angular-microsoft-document-viewer?file=src%2Fapp%2Fapp.component.html
我正在开发一个由后端+前端组成的 Angular 7+ 项目。现在我接到一个要求，我需要创建一个由前端+后端组成的项目。但那里...
我正在开发一个角度应用程序。我有一个来自rabbitmq 的JSON 响应。该响应有一个级别参数，其值可以是低、中或高。如果在运行时级别值...
我正在使用 Angular 6 和反应式表单生成器来构建表单。 ngOnInit() { this.landingPageForm = this.formBuilder.group({ 标题： new FormControl('', [ 验证器.required ...
Chart.js 在同一组件中以 Angular 创建多个图表
我有一个带有组件的 Angular 6 项目，该组件获取由其父对象传递的图块对象。对于每个tile passend，我想用chart.js 生成相同的图表。我第一个角色工作得很好...
如何在Angular中使用plyr npm模块在Angular2中创建视频播放器？
我正在尝试使用这个 (Plyr-https://www.npmjs.com/package/plyr) npm 包来创建一个可以流式传输 m3u8 和 Youtube 视频的视频播放器，他们的 npm 页面有两者的演示，但是它们在 pl...
我想实现选择菜单，它使用枚举数据根据所选字符串显示数据和保存的数字： HTML 代码： 我想实现选择菜单，它使用枚举数据根据所选字符串显示数据和保存的数字： HTML代码： <div class="form-group state_raw"> <label for="state_raw">State</label> <select class="custom-select" name="state_raw" [(ngModel)]="merchant.state_raw" id="state_raw" required> <option selected></option> <option [value]="type" *ngFor="let type of types">{{type | formatType}}</option> </select> </div> 显示数据和翻译数值的枚举： export enum MerchantStatusType { 'Being set up' = 1, 'Live for processing' = 2, 'Trading suspended' = 3, 'Account suspended' = 4 } 选择菜单对象： export class MerchantNew { constructor( public name: string, public address_state: string, ) {} } 如何实施？我想显示字符串但将数字保存到数据库中？ 编辑：我尝试过这个： 枚举： export enum MerchantStateType { being_set_up = 1, live_for_processing = 2, trading_suspended = 3, account_suspended = 4, } export const MerchantStateType2LabelMapping = { [MerchantStateType.being_set_up]: "Being set up", [MerchantStateType.live_for_processing]: "Live for processing", [MerchantStateType.trading_suspended]: "Trading suspended", [MerchantStateType.account_suspended]: "Account suspended", } 成分： public MerchantStateType2LabelMapping = MerchantStateType2LabelMapping; public stateTypes = Object.values(MerchantStateType); HTML代码： <select class="custom-select" name="state_raw" [(ngModel)]="merchant.state_raw" id="state_raw" required> <!--<option selected></option>--> <option [value]="stateType" *ngFor="let stateType of stateTypes">{{ MerchantStateType2LabelMapping[stateType] }}</option> 但我得到 4 个空行和 4 行状态。 我通常分3步完成。 首先，声明一个单独的枚举以及从枚举值到标签的映射。这样，枚举值和标签稍后都可以在一个地方进行更改，而无需更改任何其他代码。 // FileTypes.enum.ts export enum FileTypesEnum { CSV = "CSV", JSON = "JSON", XML = "XML", } // optional: Record type annotation guaranties that // all the values from the enum are presented in the mapping export const FileType2LabelMapping: Record<FileTypesEnum, string> = { [FileTypesEnum.CSV]: "Here's Csv", [FileTypesEnum.JSON]: "Here's Json", [FileTypesEnum.XML]: "Here's Xml", }; 然后将它们导入到组件中并将它们粘贴到公共属性中，这样它们就可以在视图中使用： // my.component.ts import {FileTypesEnum, FileType2LabelMapping} from "../FileTypes.enum"; @Component({ ... }) export class MyComponent implements OnInit { public FileType2LabelMapping = FileType2LabelMapping; public fileTypes = Object.values(FileTypesEnum); constructor(){} } 然后在视图中我正在对枚举的值执行 ngFor 并将它们映射到标签： <!-- my.component.html --> <select ...> <option *ngFor="let fileType of fileTypes" [value]="fileType"> {{FileType2LabelMapping[fileType]}} </option> </select> 更新： 字符串值和数字枚举编译为不同的对象 打字稿游乐场 所以看起来你必须另外过滤你的数组 public stateTypes = Object.values(MerchantStateType).filter(value => typeof value === 'number'); 将 Enum 制作为下拉列表或选择列表的另一种简单方法， 定义枚举 export enum ConditionalOperator { Equals="Equals", NEquals="NEquals", GT="GT", GTE="GTE", LT="LT", } 在组件中将枚举分配给变量，并在构造函数中将所有枚举键分配给另一个定义的数组 conditionalOperator = ConditionalOperator; enumKeys=[]; constructor(private fb: FormBuilder) { this.enumKeys=Object.keys(this.conditionalOperator); } 在 HTML 文件中，只需迭代枚举键即可分配值，如下所示， <select> <option value='' disabled selected>Operator</option> <option *ngFor="let name of enumKeys" [value]="name"> {{conditionalOperator[name]}} </option> </select> 如果有人使用NG-ZORRO模板。 按照上述解决方案[点击]，作者：@mramsath 那就试试这个： 更新构造函数或保持原样。我更新了获取值。 constructor(private fb: FormBuilder) { this.enumKeys=Object.values(this.conditionalOperator); } 主要部分如下： <nz-select name="yourFormPostName" #yourFormPostName="ngModel" [(ngModel)]="data.yourFormPostName" nzPlaceHolder="Select Type" nzAllowClear style="width: 95%;"> <nz-option nzDisabled nzLabel="Select" nzValue="disabled"></nz-option> <nz-option *ngFor="let name of enumKeys" [nzValue]="name" [nzLabel]="name"> </nz-option> </nz-select>
我尝试使用 Angular 6 制作面包屑。文本可以正常工作，但链接无法正常工作。 我想做这个。 主页 > 仪表板 > 统计（有效。） 主页 -> xxx.com（有效。） 仪表板 -> xx...
在 javascript 中比较 2 个对象的最快方法是什么？ 例如我有这两个对象： a = [{'姓名': '约翰', '年龄': 22}, {'姓名': '迈克', '年龄': 23}, {'姓名': '安妮', '年龄': 12} , {'名字':...