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

GoogleのウェブフレームワークであるAngular（AngularJSと混同しないでください）に関する質問。このタグは、個々のバージョンに固有ではないAngularの質問に使用します。古いAngularJS（1.x）Webフレームワークの場合は、angularjsタグを使用します。

4
コンストラクターを挿入せずにサービスのインスタンスを取得する
@Injectableブートストラップで定義されたサービスがあります。コンストラクターインジェクションを使用せずにサービスのインスタンスを取得したい。使ってみましたReflectiveInjector.resolveAndCreateが、新しいインスタンスができたようです。 私がやろうとしている理由は、多くのコンポーネントから派生した基本コンポーネントがあるからです。ここでサービスにアクセスする必要がありますが、すべての派生コンポーネントにサービスを注入したくないため、ctorにサービスを追加したくありません。 TLDR：必要です ServiceLocator.GetInstance<T>() 更新： RC5 +の更新されたコード：コンポーネントで使用するためのインジェクターインスタンスの保存
6
Angular2で画像を提供する方法は？
Angular2アプリのimagesrcタグのassetsフォルダーにある画像の1つへの相対パスを配置しようとしています。コンポーネントの変数を「fullImagePath」に設定し、それをテンプレートで使用しました。私は多くの異なる可能なパスを試しましたが、私のイメージを上げることができないようです。Angular2には、Djangoのように常に静的フォルダーに相対的な特別なパスがありますか？ 成分 import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-hero', templateUrl: './hero.component.html', styleUrls: ['./hero.component.css'] }) export class HeroComponent implements OnInit { fullImagePath: string; constructor() { this.fullImagePath = '../../assets/images/therealdealportfoliohero.jpg' } ngOnInit() { } } また、画像をこのコンポーネントと同じフォルダーに配置したので、同じフォルダー内のテンプレートとcssが機能しているため、画像への同様の相対パスが機能しない理由がわかりません。これは、同じフォルダ内の画像と同じコンポーネントです。 import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-hero', templateUrl: './hero.component.html', styleUrls: ['./hero.component.css'] …
5
angle2 rc.5カスタム入力、名前が指定されていないフォームコントロールの値アクセサーなし
私はこのような単純なカスタム入力コンポーネントを持っています、 import {Component, Provider, forwardRef} from "@angular/core"; import {ControlValueAccessor, NG_VALUE_ACCESSOR} from "@angular/forms"; const noop = () => {}; const CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR: any = { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => CustomInputComponent), multi: true }; @Component({ selector: 'custom-input', template: ` <input class="form-control" [(ngModel)]="value" name="somename" (blur)="onTouched()"> `, providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR] }) export class CustomInputComponent implements …
80 angular 
12
未処理の例外が発生しました：ジョブ名「..getProjectMetadata」が存在しません
アプリケーションの実行を開始すると、次のエラーが発生します。 **[error] Error: Job name "..getProjectMetadata" does not exist.** at Observable._subscribe (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/src/experimental/jobs/simple-scheduler.js:350:23) at Observable._trySubscribe (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/Observable.js:44:25) at Observable.subscribe (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/Observable.js:30:22) at /Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/util/subscribeTo.js:22:31 at Object.subscribeToResult (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/util/subscribeToResult.js:10:45) at SwitchMapSubscriber._innerSub (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/operators/switchMap.js:65:54) at SwitchMapSubscriber._next (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/operators/switchMap.js:55:14) at SwitchMapSubscriber.Subscriber.next (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/Subscriber.js:66:18) at SwitchMapSubscriber.notifyNext (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/operators/switchMap.js:86:26) at InnerSubscriber._next (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/InnerSubscriber.js:28:21) at InnerSubscriber.Subscriber.next (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/Subscriber.js:66:18) at /Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/util/subscribeTo.js:17:28 at Object.subscribeToResult (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/util/subscribeToResult.js:10:45) at SwitchMapSubscriber._innerSub (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/operators/switchMap.js:65:54) at …
5
ジョブ名「..getProjectMetadata」は存在しません
角度をv9に更新しましたが、v8に戻ろうとすると、このエラーが発生します。私はすでに次のことを試しました： アンインストール-global angular / cli angular / cliをアンインストールする 最後のpackage.jsonに戻ります node_moduleフォルダを削除する リポジトリを削除 このエラーは引き続き表示されます。 私のスタックトレースは： An unhandled exception occurred: Job name "..getProjectMetadata" does not exist. See angular-errors.log for further details. angular-errors.log： [error] Error: Job name "..getProjectMetadata" does not exist. at Observable._subscribe (/Front/node_modules/@angular-devkit/core/src/experimental/jobs/simple-scheduler.js:350:23) at Observable._trySubscribe (/Front/node_modules/@angular-devkit/core/node_modules/rxjs/internal/Observable.js:44:25) at Observable.subscribe (/Front/node_modules/@angular-devkit/core/node_modules/rxjs/internal/Observable.js:30:22) at /Front/node_modules/@angular-devkit/core/node_modules/rxjs/internal/util/subscribeTo.js:22:31 at Object.subscribeToResult …
6
npm WARNは非推奨のcore-js@2.6.11：core-js @ <3は維持されておらず、問題の数が多いため使用を推奨していません
新しいAngularアプリケーションの作成中にエラーが発生します- npm WARNは非推奨のcore-js@2.6.11：core-js @ &lt;3は維持されておらず、問題の数が多いため使用を推奨していません。依存関係を実際のバージョンのcore-js @ 3にアップグレードしてください。 以下のリンクにある解決策を試しましたが、うまくいきませんでした- エラー：依存関係をcore-js @ 3の実際のバージョンにアップグレードしてください 'ng --version'コマンドを使用してAngularのバージョンを確認すると&lt;error&gt;、以下のパッケージのバージョンとして表示されます- @angular-devkit/architect @angular-devkit/core @angular-devkit/schematics @schematics/angular @schematics/update 何がうまくいかず、これを修正するために何をする必要があるかを提案していただけませんか？ PS-同じ機能は前日に問題なく機能していました。そして、すでに作成されたプロジェクトはローカルで正常に実行されています。
2
エラーTS1086：Angular 9のアンビエントコンテキストではアクセサーを宣言できません
Angular Materialを学習していますが、「@ angular / material / button」から{MatButtonModule}をインポートすると、このエラーが発生します。 他の回答で読んだところ、パッケージの互換性の問題のように見えますが、修正できませんでした。 ここに完全なエラーがあります ERROR in node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(29,9): error TS1086: An accessor cannot be declared in an ambient context. node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(30,9): error TS1086: An accessor cannot be declared in an ambient context. node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(128,9): error TS1086: An accessor cannot be declared in an ambient context. node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(129,9): error TS1086: …
6
Ionic 5 with Angular 9-Angular JITコンパイルが失敗しました： '@ angular / compiler'がロードされていません
Ionic 5は数時間前（2020年2月12日）に発表され、小規模な本番用アプリの1つをAngular 9とともにIonic 5にアップグレードしました。 # To update to Ionic 5 npm install @ionic/angular@latest @ionic/angular-toolkit@latest --save-exact --save # To update to Angular 9 ng update @angular/core @angular/cli しかし、私がそうしたとき、私は次のionic serveエラーを受け取り始めました： Error: Angular JIT compilation failed: '@angular/compiler' not loaded! - JIT compilation is discouraged for production use-cases! Consider AOT mode instead. - Did …
1
Angular 9 Ivy-ジェネリック型 'ɵɵFactoryDe​​f'には2つの型引数が必要です
Angular Ivyはまだ準備ができていないようです。Angular 9の主なアイデアであるivyを使用してプロジェクトをビルドしようとしています。多くのライブラリはこの機能と互換性がなく、そのうちの1つは@angular/flex-layoutです。資材とサービスワーカーにも同じ問題があります。 ng build --prod --aot -c=productionスクリプトを使用してプロジェクトをビルドした後、次のようになりました。 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ node_modules/@angular/flex-layout/core/typings/media-trigger/media-trigger.d.ts:71:18 - error TS2314: Generic type 'ɵɵFactoryDef' requires 2 type argument(s). 71 static ɵfac: ɵngcc0.ɵɵFactoryDef&lt;MediaTrigger&gt;; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ node_modules/@angular/flex-layout/extended/typings/show-hide/show-hide.d.ts:18:18 - error TS2314: Generic type 'ɵɵFactoryDef' requires 2 type argument(s). 18 static ɵfac: ɵngcc0.ɵɵFactoryDef&lt;ShowHideStyleBuilder&gt;; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ node_modules/@angular/flex-layout/extended/typings/show-hide/show-hide.d.ts:49:18 - error TS2314: Generic type 'ɵɵFactoryDef' requires 2 …
17 angular  ivy  angular9 
1
Angular8 Firebase構成エラー '@ angular / fire / angularfire2'
FirebaseでAngularを構成した後で「ng serve」を実行しようとすると、エラーが発生しました。このエラーメッセージをグーグルで検索しましたが、何も見つかりませんでした。エラーメッセージでは、この問題はライブラリ自体に関連しています。 user@user-MacBookPro post % ng serve 10% building 3/3 modules 0 activeℹ ｢wds｣: Project is running at http://localhost:4200/webpack-dev-server/ ℹ ｢wds｣: webpack output is served from / ℹ ｢wds｣: 404s will fallback to //index.html chunk {main} main.js, main.js.map (main) 2.15 kB [initial] [rendered] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 127 kB …
5
垂直にスクロールするときに水平スクロールを許可しない（およびその逆）
overflow-xとにoverflow-y設定したリストがありますauto。さらに、モメンタムスクロールを設定したので、を使用してタッチスクロールがモバイルでうまく機能しwebkit-overflow-scrolling: trueます。 ただし、問題は、垂直にスクロールするときに水平スクロールを無効にする方法がわからないことです。左上または右上にスワイプするとテーブルが斜めにスクロールするため、ユーザーエクスペリエンスが非常に低下します。ユーザーが垂直方向にスクロールしているときは、ユーザーが垂直方向のスクロールを停止するまで、水平方向のスクロールは絶対にしたくない。 私は以下を試しました： JS： offsetX: number; offsetY: number; isScrollingHorizontally = false; isScrollingVertically = false; //Detect the scrolling events ngOnInit() { this.scrollListener = this.renderer.listen( this.taskRows.nativeElement, 'scroll', evt =&gt; { this.didScroll(); } ); fromEvent(this.taskRows.nativeElement, 'scroll') .pipe( debounceTime(100), takeUntil(this.destroy$) ) .subscribe(() =&gt; { this.endScroll(); }); } didScroll() { if ((this.taskRows.nativeElement.scrollLeft != this.offsetX) …
5
制作用のバベルビルディングアングルアプリに問題があります
現在の動作私はcircleciで角度プロジェクトを構築していますが、次のメッセージで失敗し続けます：未処理の例外が発生しました：モジュール '@ babel / compat-data / corejs3-shipped-proposals'が見つかりません スタックが必要： /home/circleci/eleven-app/frontend/node_modules/@angular-devkit/build-angular/node_modules/@babel/preset-env/lib/polyfills/corejs3/usage-plugin.js /home/circleci/eleven-app/frontend/node_modules/@angular-devkit/build-angular/node_modules/@babel/preset-env/lib/index.js /home/circleci/eleven-app/frontend/node_modules/@angular-devkit/build-angular/node_modules/@babel/core/lib/config/files/plugins.js /home/circleci/eleven-app/frontend/node_modules/@angular-devkit/build-angular/node_modules/@babel/core/lib/config/files/index.js /home/circleci/eleven-app/frontend/node_modules/@angular-devkit/build-angular/node_modules/@babel/core/lib/index.js /home/circleci/eleven-app/frontend/node_modules/@angular-devkit/build-angular/src/utils/process-bundle.js /home/circleci/eleven-app/frontend/node_modules/jest-worker/build/workers/processChild.js 使っています { "@babel/plugin-proposal-numeric-separator": "^7.8.3", "core-js": "3.2.1", "tslib": "^1.11.1", "@babel/compat-data": "~7.8.0", "@babel/runtime-corejs3": "^7.9.2", "ts-node": "7.0.0", "tslint": "5.11.0", "typescript": "3.5.3", } resolutions: { "@babel/preset-env": "^7.8.7" } これがnpx nlsであり、@ babel / preset-envの出力理由です。 eleven-app-frontend &gt; @angular-devkit/build-angular &gt; @babel/preset-env@7.8.7 eleven-app-frontend …
15 angular  babel 
1
このクラスは、SomeModule-> SomeComponentを介してコンシューマに表示されますが、トップレベルのライブラリエントリポイントからエクスポートされません
すべての角度ライブラリをangular 9.0.0使用するようにアップグレードしましたが、ng updateビルドしようとすると、以下のエラーが発生しました。 エラー： サポートされていないプライベートクラスSomeComponent。このクラスは、SomeModule-&gt; SomeComponentを介してコンシューマに表示されますが、トップレベルのライブラリエントリポイントからエクスポートされません。 誰かがこのエラーを解決しましたか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.