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

Angular 6.0.1に更新した後、次のエラーが発生しng serveます： Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". Error: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". at Object.resolve (/home/Projects/myProjectName/node_modules/@angular-devkit/core/node/resolve.js:141:11) at Observable.rxjs_1.Observable [as _subscribe] (/home/Projects/myProjectName/node_modules/@angular-devkit/architect/src/architect.js:132:40) ng updateすべてが順調であると言います。node_modulesフォルダーの削除と新規npm installインストールでも効果がありませんでした。 私のプロジェクトはng2-admin（Angular4バージョン）に基づいています。これが私のpackage.jsonの依存関係です： "dependencies": { "@angular/animations": "^6.0.1", "@angular/common": "^6.0.1", "@angular/compiler": "^6.0.1", "@angular/core": "^6.0.1", "@angular/forms": "^6.0.1", "@angular/http": "^6.0.1", "@angular/platform-browser": "^6.0.1", "@angular/platform-browser-dynamic": "^6.0.1", "@angular/platform-server": "^6.0.1", …

450 angular  angular-cli  angular6  angular-cli-v6 

Angular 5.2アプリをAngular 6に更新しようとしています。Angular更新ガイド（angular-cliv6への更新を含む）の指示に従って正常に実行し、今からアプリを提供しようとしています ng serve --env=local しかし、これは私にエラーを与えます： 不明なオプション： '--env' 私は複数の環境（dev/local/prod）を使用していますが、これはAngular 5.2で機能していた方法です。Angular 6で環境を設定するにはどうすればよいですか？

169 angular  angular6  angular-cli 

アプリケーションの実行中にこのエラーが発生します。ここに私のアプリケーションの詳細があります。 Angular CLI: 7.3.3 Node: 10.15.1 Angular: 7.2.7 @angular-devkit/architect -0.13.3 @angular-devkit/build-angular- 0.800.1 @angular-devkit/build-optimizer - 0.800.1 @angular-devkit/build-webpack - 0.800.1 @angular-devkit/core -7.3.3 @angular-devkit/schematics -7.3.3 @angular/cli -7.3.3 @ngtools/webpack -8.0.1 @schematics/angular -7.3.3 @schematics/update 0.13.3 rxjs 6.3.3 typescript 3.2.4 webpack 4.30.0 私はすでにキャッシュクリーンを試しました。

160 angular6  angular7 

Typescriptコード： import { Injectable } from '@angular/core'; import { Observable } from 'rxjs/Observable'; import { of } from 'rxjs/observable/of'; import { Hero } from './hero'; import { HEROES } from './mock-heroes'; @Injectable({ providedIn: 'root' }) export class HeroService { constructor() { } getHeroes(): Observable<Hero[]> { return of(HEROES); } } エラー情報： …

156 angular  typescript  rxjs  angular6  rxjs6 

Angular CLIでサービスを生成する場合、Injectableデコレーターのデフォルトの「root」を使用して、「provided in」プロパティーで追加のメタデータを追加します。 @Injectable({ providedIn: 'root', }) 正確には提供されますか？これにより、サービスがアプリケーション全体で「グローバル」タイプのシングルトンサービスのように利用可能になると想定していますが、AppModuleのプロバイダー配列でそのようなサービスを宣言する方がきれいではありませんか？ 更新： 他の誰にとっても、特に機能モジュールのみにサービスを提供したい場合は、次の段落でそれについて別の良い説明が提供されました。 @Injectable()新しいprovidedIn 属性を使用して、デコレーター内でプロバイダーを直接登録するための新しい推奨される方法があります。'root'アプリケーションの値または任意のモジュールとして受け入れます。を使用'root'するinjectableと、アプリケーションでシングルトンとして登録され、ルートモジュールのプロバイダーに追加する必要はありません。あなたが使用している場合は同様に、 providedIn: UsersModule、injectableのプロバイダとして登録されているUsersModuleにそれを追加することなく、providersモジュールの「 - 。 https://blog.ninja-squad.com/2018/05/04/what-is-new-angular -6 / 更新2： さらに調査した後、 providedIn: 'root' provideルートモジュール以外のモジュールでサービスを利用したい場合providersは、機能モジュールのデコレーターで配列を使用することをお勧めします。そうしないと、循環依存関係に悩まされることになります。ここで行われる興味深い議論-https://github.com/angular/angular-cli/issues/10170

136 angular  angular6 

ドキュメントを読みました。使用したい場合はscss、次のコマンドを実行する必要があります。 ng set defaults.styleExt scss しかし、それを実行してそのファイルを作成しても、コンソールにこのエラーが表示されます。 styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, open '/Users/Egen/Code/angular/src/styles.css'(…)

135 css  angular  sass  angular6  angular-cli 

Angular Material Design 6では、（変更）メソッドが削除されました。ユーザーが選択を変更したときに、コンポーネント内のコードを実行するようにchangeメソッドを置き換える方法が見つかりませんThanks！

129 angular  angular6 

ng-contentAngular 6で複数を使用してカスタムコンポーネントを構築しようとしていますが、これが機能せず、理由がわかりません。 これは私のコンポーネントコードです： <div class="header-css-class"> <ng-content select="#header"></ng-content> </div> <div class="body-css-class"> <ng-content select="#body"></ng-content> </div> このコンポーネントを別の場所で使用して、次のような2つの異なるHTMLコードを内部bodyとヘッダーselectにレンダリングしようとしていますng-content。 <div #header>This should be rendered in header selection of ng-content</div> <div #body>This should be rendered in body selection of ng-content</div> しかし、コンポーネントは空白になっています。 私が間違っている可能性があること、または同じコンポーネントで2つの異なるセクションをレンダリングするための最良の方法を知っていますか？ ありがとう！

103 angular  angular6  angular-components  ng-content 

私は最近、@ ngrx / storeでAngular6を学習していますが、チュートリアルの1つは状態管理に@ ngrx / storeを使用することですが、@ ngrx / storeを舞台裏で使用する利点を理解していません。 たとえば、単純なログインおよびサインアップアクションの場合、以前はサービス（AuthServiceと呼びましょう）を使用して、バックエンドAPIを呼び出し、AuthServiceに「userInfo」または「token」を格納し、ユーザーを「HOME」にリダイレクトします。ページを開くと、DIを使用してuserInfoを取得する必要がある任意のコンポーネントにAuthServiceを挿入できます。これは、1つのファイルAuthServiceがすべてを処理するだけです。 @ ngrx / storeを使用している場合、上記のアクションまたはイベントを処理するためにおそらく4つまたは5つのファイルに書き込む必要があるAction / State / Reducer / Effects / Selectorを定義する必要がありますが、それでもバックエンドAPIを呼び出す必要がある場合がありますはるかに複雑で冗長に見えるサービスを使用しています... 他のシナリオでは、一部のページで@ ngrx / storeを使用して、オブジェクトまたはグリッドデータなどのオブジェクトのリストを格納していることもあります。、それはある種のインメモリストアの使用のためですか？ では、質問に戻りましょう。Angularプロジェクトでサービス登録ストアよりも@ ngrx / storeを使用しているのはなぜですか？ 「状態管理」用であることは知っていますが、「状態管理」とは正確には何ですか？それはトランザクションログのようなものですか、いつ必要ですか？なぜフロントエンドで管理するのでしょうか。@ ngrx / storeエリアであなたの提案や経験を自由に共有してください！

84 angular5  angular6  ngrx-store  state-management