タグ付けされた質問 「angular」

Angularは初めてです。Angularに関するいくつかの作業があります。 JsonRest Apiを呼び出して、サーバーから送信されるデータのネストされたドロップダウンリストをバインドする必要があります。 データには1つの属性が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> Typescript： userCheck(): boolean { return this.user && this.user.name && this.isAuthorized; } では、質問を要約すると、最後のオプションには大きなパフォーマンスコストがありますか？ 2つ以上の条件をチェックする必要がある状況では、2番目のアプローチを使用したいと思いますが、オンラインの多くの記事では、関数呼び出しは常にテンプレートで悪いと述べていますが、この場合本当に問題ですか？

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を変更した経験はあまりありません。これは、他の回答に従って、私が指摘してきた方向です。 元のプロジェクトから変更できたのは、チュートリアルに従うために最初に行った5ではなくAngular Fire 6を使用することだけでした。 ここに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 serve my-appに入力した後、何千ものこのエラーが発生し、解決できません。typescript Errorsを使用してこのような角度の内側に問題があるとき、これは私にとって初めてです： ../../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 | …

13 angular  typescript 

npm audit 私のプロジェクトで実行してこれを手に入れました @ angular-devkit / build-angular [dev]の高いコマンドインジェクション依存性 パス@ angular-devkit / build-angular> @ ngtools / webpack> tree-kill 詳細 https://npmjs.com/advisories/1432 高コマンド注入 package-kill > = 1.2.2でパッチを適用 @ angular-devkit / build-angular [dev]の依存関係 パス@ angular-devkit / build-angular> tree-kill 詳細 https://npmjs.com/advisories/1432 ツリーキルは更新する必要がありますが、私のものではなく、角度の詳細です。だから何？angular-teamが独自のpackage.jsonをtree-killの新しいバージョンに更新するのを待つ必要がありますか？

13 angular  npm  npm-audit  angular-devkit 

AngularFireAuthModulefrom を使用する'@angular/fire/auth';と、メモリリークが発生し、20時間後にブラウザがクラッシュすることがわかりました。 バージョン： 私はすべてのパッケージにncu -uを使用して今日更新された最新バージョンを使用します。 角火： "@angular/fire": "^5.2.3", Firebaseバージョン： "firebase": "^7.5.0"、 再現方法： StackBliztzエディターで最小限の再現可能なコードを作成しました StackBliztテストを直接バグをテストするためのリンクは次のとおりです 症状： コードが何も実行しないことを確認できます。Hello Worldを出力するだけです。ただし、Angularアプリで使用されるJavaScriptメモリは11 kb / s増加します（ChromeタスクマネージャーCRTL + ESC）。ブラウザーを開いたまま10時間後、使用されるメモリは約800 MBに達します（メモリフットプリントは1.6 Gbの約2倍です）。 その結果、ブラウザのメモリが不足し、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: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] …

13 angular  firebase  angularfire 

AngularライブラリをAngular 9にアップグレードしましたが、別の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 

私のセットアップ： ウインドウズ10 NVM 1.1.7 for Windows ノード12.14.1とnpm 6.13.4 Angular 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 

何が欠けているのかはわかりませんが、.NET Core 3.1およびAngular 8クライアント側でCORSポリシーを機能させることができません。 Startup.cs： public void ConfigureServices(IServiceCollection services) { // ... // Add CORS policy services.AddCors(options => { options.AddPolicy("foo", builder => { // Not a permanent solution, but just trying to isolate the problem builder.AllowAnyOrigin().AllowAnyMethod().AllowAnyHeader(); }); }); services.AddControllers(); } public void Configure(IApplicationBuilder app, IWebHostEnvironment env) { if (env.IsDevelopment()) { …

12 angular  .net-core  cors 

すべてのノードモジュールを更新し、クイルを更新すると、すべてのエディターがアプリケーションで壊れました。エラー「NullInjectorError：InjectionToken構成のプロバイダーがありません！」登場した。 この問題を修正しました！同じボートに乗っているかもしれない他の人と共有したかっただけです。 QuillModule（ 'ngx-quill'からのインポート{QuillModule}）をApp Moduleの 'Imports'セクション（または使用しているモジュール）に追加する必要があります。私にとっては、それを機能させるために.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