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

@angular/cli次のコマンドを使用して、npm経由でパッケージをインストールしました。 npm install -g @angular/cli @ angular / cliのバージョン1.4.2が正常にインストールされました。しかし、それはAngularバージョンではなく、CLIバージョンです。 実行後ng new myapp、作成されたアプリがどのAngularバージョンかを確認するにはどうすればよいですか？2.x、4.x？

124 angular  angular-cli 

AngularプロジェクトでChart.jsを使用したいと思います。以前のAngular2バージョンでは、私は 'chart.loader.ts'を使用してこれをうまく行ってきました： export const { Chart } = require('chart.js'); 次に、コンポーネントコードで私はちょうど import { Chart } from './chart.loader'; しかし、cli 1.0.0およびAngular 4にアップグレードした後、「名前 'require'が見つかりません」というエラーが表示されます。 エラーを再現するには： ng new newapp cd newapp npm install chart.js --save echo "export const { Chart } = require('chart.js');" >> src/app/chart.loader.ts ng serve 私の 'tsconfig.json'には、 "typeRoots": [ "node_modules/@types" ], そして 'node_modules/@types/node/index.d.ts'には以下があります： …

120 angular  angular-cli 

私はAngular2でWeb開発を行っており、Angular2とFirebaseの両方を使用してローカルサーバーを実行しています。Ionicを使用してサーバーを作成するときに「quit」と入力するのと同じようなコマンドを見つけることができなかったため、毎回ターミナルタブを閉じる必要があります。サーバーを終了して端末のタブを元に戻す方法はありますか？ ありがとう。

119 angular  firebase  angular-cli  firebase-tools 

最新のangular-cliをグローバルにインストールしていて、プロジェクトは正常にビルドされていました。 別の問題の提案された解決策を読んでいる間（https://github.com/angular/angular-cli/issues/917）、私はglobal angular-cliをアンインストールし、dev-dependencyとしてインストールしました。 他の問題は解決されなかったので、dev-dependencyをアンインストールして、angular-cliをグローバルに再インストールしました。ngビルドを実行しようとすると、エラーが発生します。 ビルドコマンドを使用するには、angular-cliプロジェクト内にいる必要があります 私のangular-cliバージョンは変わりませんでした。なぜ私のプロジェクトがangular-cliプロジェクトとして認識されないのですか？

117 angular-cli 

RE：Angular2 2.0.0、angular-cli v1.0.0-beta.11-webpack.8 ビルド時に「dist」のルートに「src / assets」のファイルを含めるようにangular-cliに指示するにはどうすればよいですか？ Windowsホストにデプロイし、すべてをインデックスにルーティングするようにIISに指示するための「web.config」ファイルを含める必要があります。私たちはこれをRC4よりも前に行っていましたが、すべての更新で亀裂が入りました（どのようにしたか覚えていません）。 私はGitHubリポジトリのドキュメントを精査しており、このトピックに関して何の役にも立ちませんでした。多分私は間違った場所にいますか？ で目次、そこに「ビルドに余分なファイルを追加する」の箇条書きですが、そのセクションが存在しません表示されます。

113 angular  angular-cli 

私はasp.netコアでangular-cliを使用したいのですが、dist フォルダのパスを変更する方法を知る必要があります

112 angular  angular-cli 

（npm install -g angular-cli）を使用してグローバルにインストールされたangular-cliを使用してプロジェクトを作成しようとすると、ng new my-projectエラーがスローされます。 ng：コマンドが見つかりません

112 angular  npm  angular-cli 

次のcmdコマンドを使用して、angular2プロジェクトを1つセットアップし、その中に1つのモジュール（my-module）を作成し、そのモジュール内に1つのコンポーネント（my-new-component）を作成しました。 ng new angular2test cd angular2test ng g module my-module ng generate component my-new-component セットアップとすべてのコンポーネントを作成した後、ng testangular2testフォルダー内のcmdからコマンドを実行しました。 以下のファイルは、my-new-component.component.tsファイルです。 import { Component, OnInit } from '@angular/core'; import { Router, Routes, RouterModule } from '@angular/router'; import { DummyService } from '../services/dummy.service'; @Component({ selector: 'app-my-new-component', templateUrl: './my-new-component.component.html', styleUrls: ['./my-new-component.component.css'] }) export class MyNewComponentComponent implements …

111 unit-testing  angular  karma-jasmine  angular2-routing  angular-cli 

私はAngular5を初めて使用し、typescriptに別のマップを含むマップを反復しようとしています。この種のマップの下を角度で繰り返す方法は、コンポーネントのコードです。 import { Component, OnInit} from '@angular/core'; @Component({ selector: 'app-map', templateUrl: './map.component.html', styleUrls: ['./map.component.css'] }) export class MapComponent implements OnInit { map = new Map<String, Map<String,String>>(); map1 = new Map<String, String>(); constructor() { } ngOnInit() { this.map1.set("sss","sss"); this.map1.set("aaa","sss"); this.map1.set("sass","sss"); this.map1.set("xxx","sss"); this.map1.set("ss","sss"); this.map1.forEach((value: string, key: string) => { console.log(key, value); }); …

109 javascript  angular  typescript  angular-cli 

いくつかの失敗したテストだけが出力されます[object ErrorEvent] thrown。問題のコードを特定するのに役立つコンソールに何も表示されません。これらを追跡するために必要なことはありますか？ [編集]：Karma v1.70、Jasmine v2.7.0を実行しています

108 angular  angular-cli  karma-jasmine 

私はAngularを初めて使用するので、これを行うためのベストプラクティスはわかりません。 angular-cliを使用しng new some-projectて新しいアプリを生成しました。 それは「assets」フォルダに「images」フォルダを作成したので、今私の画像フォルダは src/assets/images でapp.component.html（自分のアプリケーションのルートである）、私が入れ <img class="img-responsive" src="assets/images/myimage.png"> ng serveWebアプリケーションを表示しようとしても、画像が表示されません。 Angularアプリケーションで画像をロードするためのベストプラクティスは何ですか？ 編集：以下の回答を参照してください。実際の画像名にはスペースが使用されていましたが、Angularはそれを好みませんでした。ファイル名のスペースを削除すると、画像が正しく表示されました。

106 html  angular  angular-cli 

今日、いくつかの基本的なAngularJSイントロを処理しているときに、問題が発生しました。 プロジェクトを開始するためにPowerShellを開きました。NPMは機能しました。 以下を使用してAngularをインストールできました： npm install -g @angular/cli ngを実行しようとすると、次のようになります。 the term 'ng' is not recognized as the name of a cmdlet

104 node.js  angular  powershell  npm  angular-cli 

この質問の答えはコミュニティの努力です。この投稿を改善するには、既存の回答を編集してください。現在、新しい回答や相互作用を受け入れていません。 ng --version私が得た使用： @ angular / cli：1.0.0 これは入手可能な最新リリースではありません。 Angular CLIがシステムにグローバルにインストールされているため、アップグレードするために次のことを試しました。 npm update angular-cli -g ただし、バージョン1.0.0のままなので、機能しません。

102 angular  angular-cli 

angular2双方向バインディングの制御をテストしようとしていinputます。ここにエラーがあります： Can't bind to 'ngModel' since it isn't a known property of 'input'. app.component.html <input id="name" type="text" [(ngModel)]="name" /> <div id="divName">{{name}}</div> app.component.ts @Component({ selector: 'app-root', templateUrl: './app.component.html' }) export class AppComponent implements OnInit { name: string; } app.component.spec.ts import { TestBed, async } from '@angular/core/testing'; import { AppComponent } from …

101 testing  angular  angular-cli  angular2-testing 

Angular CLIで新しいプロジェクトを作成しようとすると、次のようになります： ng n app 私はこのエラーを受け取ります： fs.js：640 return binding.open（pathModule._makeLong（path）、stringToFlags（flags）、mode）; ^ TypeError：パスは文字列またはTypeErrorでのバッファでなければなりません（ネイティブ） Angular CLIをアップグレードまたはアンインストールするにはどうすればよいですか？

99 angular  angular-cli