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

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

112 angular  npm  angular-cli 

Angular 2コンポーネントコードにTypeScriptバージョン2を使用しています。 以下のコードで「プロパティ '値'はタイプ 'EventTarget'に存在しません」というエラーが発生します。ありがとう！ e.target.value.match（/ \ S + / g）|| []）。length import { Component, EventEmitter, Output } from '@angular/core'; @Component({ selector: 'text-editor', template: ` <textarea (keyup)="emitWordCount($event)"></textarea> ` }) export class TextEditorComponent { @Output() countUpdate = new EventEmitter<number>(); emitWordCount(e: Event) { this.countUpdate.emit( (e.target.value.match(/\S+/g) || []).length); } }

112 angular  typescript 

内に単一セルコンポーネントのセットがあります ng-forループます。 私はすべてをきちんと整えていますが、適切なものを理解することができない 現在私は持っています setTimeout(() => { scrollToBottom(); }); ただし、画像が非同期でビューポートを押し下げるため、これは常に機能するとは限りません。 Angular 2のチャットウィンドウの一番下までスクロールする適切な方法は何ですか？

111 scroll  typescript  angular 

現在Angular 2を使用しています。通常は @Output() addTab = new EventEmitter<any>();、addTab.emit()親コンポーネントにイベントを発行します。 親から子に、私たちが副チェルシーを行う方法はありますか？

111 angular  typescript 

次の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 

これら2つの違いは何ですか？それぞれのユースケースは何ですか？ ドキュメントは正確に有用ではありません。 forRootは、すべてのディレクティブ、指定されたルート、およびルーターサービス自体を含むモジュールを作成します。 forChildは、すべてのディレクティブと指定されたルートを含むモジュールを作成しますが、ルーターサービスは含みません。 私の漠然とした推測では、1つは「メイン」モジュール用であり、もう1つはインポートされたモジュール用です（メインモジュールから利用可能なサービスがすでにあるため）が、実際の使用例は考えられません。

111 angular  router 

私はこのドキュメントを参照していて、コンパイルのコンセプトに出くわしました。JITまたはAOTコンパイルを使用できます。しかし、私はそれが非常に簡潔であることに気づき、以下の点を詳細に知る必要があります、 これら2つの手法の違い 何をいつ使用するかに関する推奨事項

111 angular  compilation 

私はTypeScriptでAngular 2サービスを書いていますlocalstorage。windowAngular 1.xのようなグローバル変数を参照したくないので、ブラウザーオブジェクトへの参照をサービスに挿入します$window。 それ、どうやったら出来るの？

110 angular  typescript  dependency-injection 

サーバーにhttpリクエストを送信してデータを取得するオブザーバブルを返すサービスがあります。私はこのデータを使いたいのですが、いつでも手に入れてしまいundefinedます。どうしたの？ サービス： @Injectable() export class EventService { constructor(private http: Http) { } getEventList(): Observable<any>{ let headers = new Headers({ 'Content-Type': 'application/json' }); let options = new RequestOptions({ headers: headers }); return this.http.get("http://localhost:9999/events/get", options) .map((res)=> res.json()) .catch((err)=> err) } } 成分： @Component({...}) export class EventComponent { myEvents: any; constructor( private es: …

110 javascript  angular  asynchronous  typescript  observable 

ng serveソースファイルに変更を加えるたびに実行する必要があります。コンソールにエラーはありません。 Angular CLI: 1.6.2 Node: 8.9.1 OS: linux ia32 Angular: 5.1.2 ... animations, common, compiler, compiler-cli, core, forms ... http, language-service, platform-browser ... platform-browser-dynamic, router @angular/cdk: 5.0.2-c3d7cd9 @angular/cli: 1.6.2 @angular/material: 5.0.3-e20d8f0 @angular-devkit/build-optimizer: 0.0.36 @angular-devkit/core: 0.0.22 @angular-devkit/schematics: 0.0.42 @ngtools/json-schema: 1.1.0 @ngtools/webpack: 1.9.2 @schematics/angular: 0.1.11 @schematics/schematics: 0.0.11 typescript: 2.4.2 webpack: 3.10.0

110 angular 

私はRC4を使用していますが、エラーが発生しますテンプレートが原因で、「exportAs」が「ngForm」に設定されたディレクティブはありません。 <div class="form-group"> <label for="actionType">Action Type</label> <select ngControl="actionType" ===> #actionType="ngForm" id="actionType" class="form-control" required> <option value=""></option> <option *ngFor="let actionType of actionTypes" value="{{ actionType.label }}"> {{ actionType.label }} </option> </select> </div> boot.ts： import {disableDeprecatedForms, provideForms} from '@angular/forms'; import {bootstrap} from '@angular/platform-browser-dynamic'; import {HTTP_PROVIDERS, Http} from '@angular/http'; import {provideRouter} from '@angular/router'; import {APP_ROUTER_PROVIDER} …

109 angular  typescript  angular2-forms 

関数をページ全体にバインドする方法を探しています（ユーザーがキーを押したときに、コンポーネントの関数をトリガーする必要があります）。ts AngularJSではaを使用して簡単でしたng-keypressが、では機能しません(keypress)="handleInput($event)"。 ページ全体をdivラッパーで試しましたが、うまくいかないようです。フォーカスがある場合にのみ機能します。 <div (keypress)="handleInput($event)" tabindex="1">

109 typescript  angular  keypress  key-bindings 

最新のAngular 2リリース候補にアップグレードしてから、私のimgタグ： <img class='photo-img' [hidden]="!showPhoto1" src='{{theMediaItem.photoURL1}}'> ブラウザエラーを投げています： ORIGINAL EXCEPTION：Error：unsafe value used in a resource URL context URLの値は次のとおりです。 http://veeu-images.s3.amazonaws.com/media/userphotos/116_1464645173408_cdv_photo_007.jpg 編集： 他の解決策で行われた提案を試してみましたが、この質問は重複しているはずですが、同じエラーが発生します。 次のコードをコントローラーに追加しました。 import {DomSanitizationService} from '@angular/platform-browser'; @Component({ templateUrl: 'build/pages/veeu/veeu.html' }) export class VeeUPage { static get parameters() { return [[NavController], [App], [MenuController], [DomSanitizationService]]; } constructor(nav, app, menu, sanitizer) { this.app = …

109 angular 

マテリアル2を使用して追加していmd-raised-buttonます。特定の条件が成立した場合にのみ適用したい。 例えば： <button md-raised-button="true"></button> 別の例：plunkerで基本的な動的反応フォームを作成しました。formArrayNameコントロールの配列に反応型のディレクティブを使用しています。formArrayName特定の条件がtrueになった場合にのみディレクティブを適用し、それ以外の場合はformArrayNameディレクティブを追加しません。 こちらがプランカーリンクです。

109 angular  angular-material  angular2-forms  angular2-directives  angular-material2 

オプションがすべて配列で定義されたオブジェクトであるマット選択があります。値をデフォルトのオプションの1つに設定しようとしていますが、ページがレンダリングされるときに値が選択されたままになります。 私のtypescriptファイルには以下が含まれます： public options2 = [ {"id": 1, "name": "a"}, {"id": 2, "name": "b"} ] public selected2 = this.options2[1].id; 私のHTMLファイルには以下が含まれます： <div> <mat-select [(value)]="selected2"> <mat-option *ngFor="let option of options2" value="{{ option.id }}"> {{ option.name }} </mat-option> </mat-select> </div> オブジェクトとIDの両方に設定selected2とvaluein mat-optionを試し、両方[(value)]と[(ngModel)]で使用しようとしましたmat-selectが、どれも機能していません。 マテリアルバージョン2.0.0-beta.10を使用しています

109 angular  typescript  angular-material2