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

Angular 2.0で確認モーダルダイアログを実行する方法の例を見つけようとしています。Angular 1.0のBootstrapダイアログを使用していて、Angular 2.0のWebで例を見つけることができません。私はまた、運が悪くて角度2.0のドキュメントをチェックしました。 Angular 2.0でブートストラップダイアログを使用する方法はありますか？

128 modal-dialog  angular 

Angular 2 RC6アプリを実行しようとすると、ブラウザーコンソールに次のエラーが表示されます。 > Error: Template parse errors: 'header-area' is not a known element: > 1. If 'header-area' is an Angular component, then verify that it is part of this module. > 2. If 'header-area' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schema' of this component > to …

128 angular 

数秒ごとにREST APIを呼び出し、JSONデータを受け取る単純なコンポーネントがあります。ログステートメントとネットワークトラフィックから、返されているJSONデータが変更され、モデルが更新されていることがわかりますが、ビューは変更されていません。 私のコンポーネントは次のようになります： import {Component, OnInit} from 'angular2/core'; import {RecentDetectionService} from '../services/recentdetection.service'; import {RecentDetection} from '../model/recentdetection'; import {Observable} from 'rxjs/Rx'; @Component({ selector: 'recent-detections', templateUrl: '/app/components/recentdetection.template.html', providers: [RecentDetectionService] }) export class RecentDetectionComponent implements OnInit { recentDetections: Array<RecentDetection>; constructor(private recentDetectionService: RecentDetectionService) { this.recentDetections = new Array<RecentDetection>(); } getRecentDetections(): void { this.recentDetectionService.getJsonFromApi() .subscribe(recent …

128 angular 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 2年前休業。 この質問を改善する 私はhttps://angular.ioのチュートリアルに従っていますが、ドキュメントを見つけるのに問題があります。特にメソッドpipeとtap。https://angular.ioまたはhttp://reactivex.io/rxjs/で何も見つかりません。 私の理解はそれでpipeあり、RxJSからインポートされてtapいるの両方の方法はObservable正しいですか？彼らは何をすることになっていますか？ これらのメソッドはAngularの一部ですか？これらの2つの方法は何をしますか？

128 angular 

Angular2 Finalリリース（2.1.0）を使用しています。会社のリストを表示したいときに、このエラーが発生しました。 でfile.component.ts： public companies: any[] = [ { "id": 0, "name": "Available" }, { "id": 1, "name": "Ready" }, { "id": 2, "name": "Started" } ]; でfile.component.html： <tbody> <tr *ngFor="let item of companies; let i =index"> <td>{{i}}</td> <td>{{item.name}}</td> </tr> </tbody>

128 angular  angular2-template 

エラーを修正するための助けを探してAngularを学んでいます：次のリンクをたどっ ています：https : //github.com/angular/angularfire2/blob/master/docs/install-and-setup.md angular2とangularfirestore2を備えたアプリ しかし、ng serveを押すと、ブラウザコンソールに次のエラーが表示されます。 StaticInjectorError[AngularFirestore]: StaticInjectorError[AngularFirestore]: NullInjectorError: No provider for AngularFirestore! at _NullInjector.get (core.js:923) at resolveToken (core.js:1211) at tryResolveToken (core.js:1153) at StaticInjector.get (core.js:1024) at resolveToken (core.js:1211) at tryResolveToken (core.js:1153) at StaticInjector.get (core.js:1024) at resolveNgModuleDep (core.js:10585) at NgModuleRef_.get (core.js:11806) at resolveDep (core.js:12302) 私はそれをグーグルで試しましたが、何もうまくいかない正確な解決策が見つかりませんでした:(、 これが私が従ったものです：1）インストールされたノードバージョン8.9.1 2）npm install -g @ …

128 angular  firebase  google-cloud-firestore  angularfire2 

Httpサービスを使用するためのAngular 2ドキュメントページに例があります。 getHeroes (): Observable<Stuff[]> { return this.http.get(this.url) .map(this.extractData) .catch(this.handleError); } angular2-webpack-starterプロジェクトのクローンを作成し、上記のコードを自分で追加しました。 をObservable使用してインポートしました import {Observable} from 'rxjs/Observable'; プロパティObservableもインポートされていることを前提としています（.map動作）。rxjs.beta-6の変更ログを確認しましたが、何も説明されていませんcatch。

127 javascript  angular  typescript  rxjs 

フォームが有効になるまで「送信」ボタンを無効にする方法は？ angular2には、送信ボタンで使用できるng-disabledと同等のものがありますか？（ng-disabledは私には機能しません。）

127 forms  angular 

ブレークポイントが機能するようにAngularとVSCodeを構成するにはどうすればよいですか？

127 angular  debugging  webpack  visual-studio-code 

文字列の長さを数字に制限する方法はありますか？たとえば：タイトルの長さを20に制限する必要があります{{ data.title }}。 長さを制限するパイプやフィルターはありますか？

126 angular  angular2-template 

コンポーネントからqueryParamsを更新（追加、削除）しようとしています。angularJSでは、これは以前は次のおかげで可能でした： $location.search('f', 'filters[]'); // setter $location.search()['filters[]']; // getter ユーザーがフィルタリング、並べ替えなどができるリストを備えたアプリがあり、URLのqueryParamsですべてのフィルターをアクティブに設定して、ユーザーがURLをコピー/貼り付けしたり、他のユーザーと共有したりできるようにしたいと考えています。 しかし、フィルターが選択されるたびにページがリロードされることを望みません。 これは新しいルーターで可能ですか？

125 angular  query-parameters  angular-router 

最近、私はhttps://angular.io/docs/ts/latest/tutorial/で Angular 2チュートリアルを開始しました。 Angular 2ベータ8は終了しました。今度はチュートリアルを再開しました。最新のベータはベータ14です。 単にnpm updateを実行すると、いくつかのモジュール（チュートリアルでプリロードされたもの）は更新されますが、Angular2は更新されません（npm lsでそれを確認できます）。 私が行う場合は、NPMの更新を角度2またはNPM更新がangular2@2.0.0beta.14それだけのいずれか何もしません。

124 npm  angular 

Angular 2でルートを変更するときにロード画面を表示するにはどうすればよいですか？

124 html  css  angular  angular2-routing 

IE 11で実行しているときに、angular 2アプリがLoading ...を表示したままになる理由を理解しようとしています。 誰かの提案に従って、スタックオーバーフローで誰かが投稿したこのプランカーをchromeとIE 11の両方で試しました。Chromeでは正常に動作しますが、IE 11では失敗します。同じエラーが発生し、「読み込み中...」と表示されます。 プランカーは次のとおりです。https：//plnkr.co/edit/6zVFbrH5yohwc714gBbk？p = preview <!DOCTYPE html> <html> <head> <script>document.write('<base href="' + document.location + '" />');</script> <title>Router Sample</title> <link rel="stylesheet" href="style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.34.2/es6-shim.min.js"></script> <script src="https://code.angularjs.org/2.0.0-beta.1/angular2-polyfills.js"></script> <script src="https://code.angularjs.org/tools/system.js"></script> <script src="https://code.angularjs.org/tools/typescript.js"></script> <script src="https://code.angularjs.org/2.0.0-beta.1/Rx.js"></script> <script src="https://code.angularjs.org/2.0.0-beta.1/angular2.dev.js"></script> <script src="https://code.angularjs.org/2.0.0-beta.1/http.dev.js"></script> <script> System.config({ transpiler: 'typescript', typescriptOptions: { emitDecoratorMetadata: true }, packages: …

124 angular  typescript  internet-explorer 

@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