Questions tagged «angular»

我是Angular的新手。我在Angular上有一些工作。 我需要Json通过调用Rest Api为来自服务器的数据绑定嵌套下拉列表。 数据具有一个属性LgLevel，指定组层次结构中的级别。家长会level=0，即时Child=1，Grandchild=2等等。Child并Grandchild具有ParentLocationGroup字段，该字段显示在哪个父菜单，子菜单中。 这是我的json数据。我有大量数据，但没有全部显示。 { "ArrayOfLocationGroup": { "LocationGroup": [ { "Id": "628", "Name": "TEST1", "GroupId": { "_xmlns": "http://www.air-watch.com/servicemodel/resources" }, "ParentLocationGroup": { "_uuid": "bdce4396-9c60-4831-90f2-6f793becb362", "__text": "570" }, "LgLevel": { "_xmlns": "http://www.air-watch.com/servicemodel/resources", "__text": "0" } }, { "Id": "630", "Name": "TEST2", "GroupId": { "_xmlns": "http://www.air-watch.com/servicemodel/resources", "__text": "PAM-TEST" }, "ParentLocationGroup": { "_uuid": …

15 html  angular  typescript 

我正在尝试运行，npm start但给我错误“发生未处理的异常：找不到模块“ @ angular-devkit / build-angular””，我也尝试通过使用进行安装，npm install @angular-devkit/build-angular但仍然出现错误。 错误“ npm WARN不赞成使用core-js@2.6.11：由于问题的数量，不再维护core-js @ <3，因此不建议使用它。请升级您的依赖项，使之依赖于core-js @ 3的实际版本。” 如何升级我的依赖关系？

15 angular  angular-cli 

考虑以下组件： @Component({ selector: 'app-test' template: 'Hello!' }} export class TestComponent { @Output() readonly selectionChange = new EventEmitter<SomeTypeHere>(); } 致电： <app-test (selectedChange)="selectedChangeHandler($event)"></app-test> 请注意，我写的selectedChange不是正确的输出名称selectionChange。strictTemplates启用了标志的Angular 9 根本对我没有帮助。它无声地失败了。有趣的是，如果我对做了同样的事情@Input，则应用程序会捕获错误并且无法编译。 如果我尝试“侦听”不存在的内容，有什么办法抛出错误@Output？

14 angular  angular-directive  angular9 

抱歉，如果在这里已经回答了这个问题，但是我找不到适合我们特定情况的匹配项，那就去吧！ 我们在开发团队中就角度模板中的函数调用进行了讨论。现在，作为一般经验法则，我们同意您不应执行这些操作。但是，我们试图讨论什么时候可以。让我给你一个场景。 假设我们有一个包装在ngIf中的模板块，它检查多个参数，例如： <ng-template *ngIf="user && user.name && isAuthorized"> ... </ng-template> 与以下内容相比，性能会有明显差异： 模板： <ng-template *ngIf="userCheck()"> ... </ng-template> 打字稿： userCheck(): boolean { return this.user && this.user.name && this.isAuthorized; } 因此，总而言之，最后一个选择是否会产生重大的性能成本？ 在需要检查两个以上条件的情况下，我们宁愿使用第二种方法，但是在线上有许多文章说函数调用在模板中总是不好的，但是在这种情况下真的有问题吗？

14 angular  typescript 

我在ng build（生成ES5捆绑包以进行差异加载...）时遇到了一个例外。 An unhandled exception occured: Call retires were exceeded 使用的版本： Angular-CLI： 8.3.20 角度： 8.2.7 节点： 12.12.1 在日志中也提到了 [error] Error: Call retries were exceeded at ChildProcessWorker.initialize

14 angular  angular-cli  angular8  ng-build  angular-cli-v8 

第一次使用Firestore，但出现此错误。从我的研究来看，常春藤似乎是一个问题。我没有很多修改tsconfig.app.json的经验，这是我根据其他答案所指向的方向。 我能够从原始项目中进行的唯一修改是使用Angular Fire 6而不是5，而我最初是按照教程学习的。 这是package.json： { "name": "language", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "~9.0.1", "@angular/cdk": "^9.0.0", "@angular/common": "~9.0.1", "@angular/compiler": "~9.0.1", "@angular/core": "~9.0.1", "@angular/fire": "^6.0.0-rc.1", "@angular/flex-layout": "^9.0.0-beta.29", "@angular/forms": "~9.0.1", …

13 angular  google-cloud-firestore  angularfire 

在初始实现中，在终端ng中键入my server的my-app后，我遇到了数千个此类错误，但我无法解决。这是我的第一次，是因为我在打字稿中遇到这样的问题，例如： ../../node_modules/@angular/flex-layout/core/typings/base/base2.d.ts:24:19中的错误-错误TS1086：无法在环境上下文中声明访问器。 24 protected get parentElement(): HTMLElement | null; ~~~~~~~~~~~~~ ../../node_modules/@angular/flex-layout/core/typings/base/base2.d.ts:26:19 -错误TS1086：无法在环境上下文中声明访问器。 26 protected get nativeElement(): HTMLElement; ~~~~~~~~~~~~~ ../../node_modules/@angular/flex-layout/core/typings/base/base2.d.ts:28:9 -错误TS1086：无法在环境上下文中声明访问器。 28 get activatedValue(): string; ~~~~~~~~~~~~~~ ../../node_modules/@angular/flex-layout/core/typings/base/base2.d.ts:29:9 -错误TS1086：无法在环境上下文中声明访问器。 29 set activatedValue(value: string); ~~~~~~~~~~~~~~ ../../node_modules/@angular/flex-layout/core/typings/breakpoints/break-point-registry.d.ts:20:9 -错误TS1086：无法在环境上下文中声明访问器。 [...] 有人知道原因吗？在修复应用程序之前，我无法对其进行测试。 更新1 好吧，我向前进。大多数错误都消失了，但是我现在很少了，例如第一个： src / app / main / main.component.ts：143：63中的错误-错误TS2322：键入'string | 未定义”不能分配给“字符串”类型。类型“未定义”不能分配给类型“字符串”。 第143章 代码如下： …

13 angular  typescript 

npm audit 运行我的项目，并得到我这个 @ angular-devkit / build-angular [dev]的高命令注入依赖性 路径@ angular-devkit / build-angular> @ ngtools / webpack> tree-kill 更多信息 https://npmjs.com/advisories/1432 高指令注入 包树杀 在> = 1.2.2中修补 @ angular-devkit / build-angular [dev]的依赖性 路径@ angular-devkit / build-angular> tree-kill 更多信息 https://npmjs.com/advisories/1432 树的杀伤力需要更新，但它是有角度的，而不是我的。所以呢？需要等待那个角度小组将其自己的package.json更新为更新版本的tree-kill吗？

13 angular  npm  npm-audit  angular-devkit 

我发现使用 AngularFireAuthModule from '@angular/fire/auth';会导致内存泄漏，导致20小时后浏览器崩溃。 版： 我对所有软件包都使用ncu -u进行了更新的最新版本。 角火： "@angular/fire": "^5.2.3", Firebase版本： "firebase": "^7.5.0"， 繁殖方法： 我在StackBliztz编辑器上制作了最少的可复制代码 这是直接测试错误的链接StackBlizt测试 症状： 您可以检查自己代码是否无效。它只是打印你好世界。但是，Angular App使用的JavaScript内存增加了11 kb / s（Chrome Task Manager CRTL + ESC）。在打开浏览器10个小时后，使用的内存达到约800 mb（内存占用量约为1.6 Gb的两倍！） 结果，浏览器的内存不足，chrome标签页崩溃了。 在使用性能选项卡下的chrome内存配置文件进行进一步调查之后，我清楚地注意到侦听器的数量每秒增加2个，因此JS堆也相应增加。 导致内存泄漏的代码： 我发现使用该AngularFireAuthModule 模块会导致内存泄漏，无论它是注入到component构造函数中还是注入到service。 import { Component } from '@angular/core'; import {AngularFireAuth} from '@angular/fire/auth'; import {AngularFirestore} from '@angular/fire/firestore'; @Component({ selector: …

13 angular  firebase  angularfire 

我已将Angular库升级到Angular9。但是，当我尝试在另一个Angular 9项目中使用该库时，出现如下错误： 目标入口点“ mycomponents / entity-selector”缺少依赖项： - mycomponents/shared-services - mycomponents/spinner - mycomponents/text-input Package.json { "$schema": "../../../node_modules/ng-packagr/package.schema.json", "name": "entity-selector", "version": "0.0.0", "ngPackage": { "lib": { "entryFile": "public_api.ts" }, "dest": "../../../dist/mycomponents/entity-selector" } } 这是次要端点，它使用也是次要端点的其他组件。 在库项目中，我是否需要在ng-packgr或其他地方定义依赖项？实体选择器组件的模块将为其他组件导入适当的模块。自Angular 9起出现了这个问题。 预先感谢。

12 angular  angular9 

我的设置： Windows 10 适用于Windows的NVM 1.1.7 带有npm 6.13.4的节点12.14.1 角8.2.14和@ angular / cli 8.3.22 只是尝试运行默认的角度模板： > npm install -g @angular/cli # this installed the angular version mentioned above > ng new test # Chose default options for the project > cd test > npm ci # lots of error messages 最后一个命令在输出中导致很多错误（但不会使命令失败）： > …

12 node.js  angular  npm 

我更新了所有节点模块，并且在更新了鹅毛笔之后，所有编辑器都中断了我的应用程序。错误“ NullInjectorError：InjectionToken配置没有提供者！” 出现了。 我已经解决了这个问题！只想与可能在同一条船上的其他人分享。 您需要将QuillModule（从'ngx-quill';导入{QuillModule};）添加到“应用程序模块”的“导入”部分（或您使用的任何模块）。对我来说，我还需要添加.forRoot（）使其起作用 imports: [ QuillModule.forRoot(), ], 再次，这对我有用，只是让大家都知道，以防万一遇到相同的问题，将ngx-quill更新到最新版本

12 angular  quill  ngx-quill 

在更新到Angular 9.1的过程中，__ngcc_entry_points__.json项目中我所有的根文件夹中都出现了一个名为的文件。该文件应该添加到源代码管理中还是被忽略？ 它似乎只包含一些哈希信息，所以我认为它可以忽略吗？

11 angular  angular-ivy 

我在运行时遇到错误ng build --prod。 An unhandled exception occurred: [BABEL] /root/catch-up-enterprise/dist/polyfills-es5.8e4ba13e1c10f0a37bb4.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "/root/catch-up-enterprise/node_modules/@angular-devkit/build-angular/node_modules/@babel/preset-env/lib/index.js") See "/tmp/ng-sg4wHH/angular-errors.log" for further details 错误日志： [root@localhost ~]# more /tmp/ng-sg4wHH/angular-errors.log [error] Error: [BABEL] /root/catch-up-enterprise/dist/polyfills-es5.8e4ba13e1c10f0a37bb4.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry …

11 angular  npm 

我通过以下两个命令升级了Ionic 4应用程序： # Upgrading to Ionic 5 npm install @ionic/angular@latest @ionic/angular-toolkit@latest --save # Upgrading to Angular 9 ng update @angular/core @angular/cli 当我这样做时ionic serve，我开始出现此错误： > ng run app:serve --host=localhost --port=8100 [ng] chunk {} 0.js, 0.js.map () 22.1 kB [rendered] [ng] chunk {common} common.js, common.js.map (common) 25.7 kB [rendered] [ng] [ng] ERROR …

11 node.js  angular  typescript  ionic-framework