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

私のプロジェクトは[AngularCLI]バージョン1.2.6で生成されました。 プロジェクトをコンパイルでき、正常に動作しますが、vsコードで常にエラーが発生し、モジュール '@ angular / core'がモジュールを見つけることができません '@ angular / router'がモジュールを見つけることができません..... tsconfig.jsonファイルのコンテンツを添付しました。これは私にとって本当に苛立たしいことで、何が悪いのかを理解するために2時間費やしました。また、動作しないvsコードをアンインストールして再インストールしました。 これが私の環境仕様です： @angular/cli: 1.2.6 node: 6.9.1 os: win32 x64 @angular/animations: 4.3.4 @angular/common: 4.3.4 @angular/compiler: 4.3.4 @angular/core: 4.3.4 @angular/forms: 4.3.4 @angular/http: 4.3.4 @angular/platform-browser: 4.3.4 @angular/platform-browser-dynamic: 4.3.4 @angular/router: 4.3.4 @angular/cli: 1.2.6 @angular/compiler-cli: 4.3.4 @angular/language-service: 4.3.4 os：Microsoft vs10エンタープライズ プロジェクトルートフォルダ .angular-cli.json .editorconfig .gitignore .vscode …

90 angular  visual-studio-code 

このチュートリアルからサンプルテンプレートコードを抽出し、以下の2つの手順を実行して開始しました- npm install // worked fine and created node_modules folder with all dependencies npm start //以下のエラーで失敗しました- node_modules/rxjs/Subject.d.ts(16,22): error TS2415: Class 'Subject<T>' incorrectly extends base class 'Observable<T>'. Types of property 'lift' are incompatible. Type '<T, R>(operator: Operator<T, R>) => Observable<T>' is not assignable to type '<R>(operator: Operator<T, R>) => Observable<R>'. Type …

89 angular  typescript  rxjs 

ネイティブ<input>タグのように機能するカスタムコンポーネントを作成するにはどうすればよいですか？カスタムフォームコントロールでngControl、ngForm、[（ngModel）]をサポートできるようにしたい。 私が理解しているように、自分のフォームコントロールをネイティブフォームと同じように機能させるには、いくつかのインターフェイスを実装する必要があります。 また、ngFormディレクティブは<input>タグのみにバインドするようですが、これは正しいですか？どうすれば対処できますか？ なぜこれが必要なのかを説明しましょう。複数の入力要素をラップして、それらを1つの入力として連携できるようにしたいと考えています。それを処理する他の方法はありますか？もう一度：このコントロールをネイティブコントロールと同じようにしたいと思います。検証、ngForm、ngModel双方向バインディングなど。 PS：Typescriptを使用しています。

89 typescript  angular 

https://angular.io/docs/ts/latest/guide/displaying-data.htmlを参照し、スタック* ngIfを使用してAngular2テンプレートの空のオブジェクトをチェックする方法まだ構文エラーのセルフコンテキストが未定義です。* ngIf条件を削除すると、teamMembersの値にアクセスできるように値をプッシュすると、teamMembersの値が取得されます。 私のteamMemberオブジェクトは、[ ] array条件配列がサイズで空であることを確認しようとしています。 試行： <div class="row" *ngIf="(teamMembers | json) != '{}'"> そして <div class="row" *ngIf="teamMembers.length > 0"> //Check length great than throwing syntax error <div class="col-md-12"> <h4>Team Members</h4> <ul class="avatar" *ngFor="let member of teamMembers"> <li><a href=""><gravatar-image [size]="80" [email]="member.email"></gravatar-image></a></li> </ul> </div> </div> コンポーネント： @Component({ selector: 'pbi-editor', }) export …

89 angular  angular2-template 

最近、angular.js1の代わりにangular4を使い始めました。 私はヒーローのチュートリアルに従ってAngular4の基礎について学びました。現在、「@ angular / router」パッケージのAngular独自の「RouterModule」を使用しています。 アプリケーションに認証を実装するために、別のルートに手動でリダイレクトする方法を知りたいのですが、インターネット上でこれに関する有用な情報を見つけることができないようです。

89 angular 

router.navigateいくつかのクエリ文字列パラメータを使用して同じページを呼び出しています。この場合、ngOnInit()は呼び出さない。デフォルトですか、それとも他に何か追加する必要がありますか？

89 angular  navigateurl  ngoninit 

テンプレートの例を次に示します。 <input type="number" class="form-control" [(ngModel)]="overRideRate" formControlName="OverRideRate"> <input type="number" class="form-control" [ngModel]="overRideRate" formControlName="OverRideRate"> ここでは、両方とも同じことをします。どちらが好ましいのか、そしてその理由は？

89 angular  angular-ngmodel 

以下のAngularMaterialコードを変更して、データテーブルがデフォルトで昇順で「name」列でソートされるようにするにはどうすればよいですか。矢印（現在のソート方向を示す）を表示する必要があります。 これが私が達成したいことです： 元のコード： <table matSort (matSortChange)="sortData($event)"> <tr> <th mat-sort-header="name">Dessert (100g)</th> <th mat-sort-header="calories">Calories</th> <th mat-sort-header="fat">Fat (g)</th> <th mat-sort-header="carbs">Carbs (g)</th> <th mat-sort-header="protein">Protein (g)</th> </tr> <tr *ngFor="let dessert of sortedData"> <td>{{dessert.name}}</td> <td>{{dessert.calories}}</td> <td>{{dessert.fat}}</td> <td>{{dessert.carbs}}</td> <td>{{dessert.protein}}</td> </tr> </table> 私はこのようなことを試みていましたが、機能しません（矢印が表示されず、ソートされていません） <table matSort (matSortChange)="sortData($event)" matSortActive="name" matSortStart="asc" matSortDisableClear> プランカーへのリンクはこちら

89 angular  angular-material 

動的に構築されたフォームを持つコンポーネントがあります。バリデーターを使用してコントロールを追加するコードは、次のようになります。 var c = new FormControl('', Validators.required); しかし、後で2番目のバリデーターを追加したいとします。どうすればこれを達成できますか？このオンラインに関するドキュメントは見つかりません。フォームコントロールにはsetValidatorsがありますが this.form.controls["firstName"].setValidators しかし、新しいバリデーターまたはカスタムバリデーターを追加する方法は明確ではありません。

89 angular  forms  angular-reactive-forms 

今日はそれを聞かれ、適切な答えを出すことができませんでした。 TypescriptはJSにトランスパイルします。次に、ツリーの揺れ、「少ない」（オプション）、および展開を行うプロセスで他に何が発生します。しかし、そのようなもの（afaik）は「コンパイル」とは何の関係もありません。すべてがバンドルされ、大幅に最適化されていますが、実際にはコンパイルされていませんよね？ 「事前」コンパイラーもあります。これは本当に注目に値する仕事をします。何が恋しいですか？ Javascript自体はまだ解釈されていますよね？

88 javascript  angular  typescript  angular-cli  angular-compiler-cli 

EventEmitterを使用するコンポーネントがあり、ページ上の誰かがクリックされたときにEventEmitterが使用されます。単体テスト中にEventEmitterを監視し、TestComponentBuilderを使用してEventEmitter.next（）メソッドをトリガーする要素をクリックし、何が送信されたかを確認する方法はありますか？

88 unit-testing  angular 

テンプレート付きの単純なAngular2コンポーネントがいくつかあります。送信後にフォームとすべてのフィールドをクリアする方法は？ページをリロードできません。date.setValue('')フィールドを設定した後のデータはstiltouchedです。 import {Component} from 'angular2/core'; import {FORM_DIRECTIVES, FormBuilder, ControlGroup, Validators, Control} from 'angular2/common'; @Component({ selector: 'loading-form', templateUrl: 'app/loadings/loading-form.component.html', directives: [FORM_DIRECTIVES] }) export class LoadingFormComponent { private form:ControlGroup; private date:Control; private capacity:Control; constructor(private _loadingsService:LoadingsService, fb:FormBuilder) { this.date = new Control('', Validators.required); this.capacity = new Control('', Validators.required); this.form = fb.group({ 'date': this.date, …

88 angular  angular2-forms 

私はAngular5の開発に不慣れです。ここに提供されている例を使用して、角度のあるマテリアルを使用してデータテーブルを開発しようとしています：「https://material.angular.io/components/table/examples」。 エラーが発生しました Can't bind to 'dataSource' since it isn't a known property of 'table'. 助けてください。

88 angular  datatable  angular-material 

そんなクリックイベントがあります <button (click)="toggle($event)" class="someclass" id="btn1"></button> <button (click)="toggle($event)" class="someclass" id="btn2"></button> 関数の入力パラメーターでイベントをキャッチしていて、ボタンが正確にクリックされたことを確認したいと思います。 toggle(event) { } ただしevent、idプロパティはありません。 altKey: false bubbles: true button: 0 buttons: 0 cancelBubble: false cancelable: true clientX: 1198 clientY: 29 ctrlKey: false currentTarget: button#hdrbtn_notificaton.mdl-button.mdl-js-button.mdl-js-ripple-effect.mdl-button--icon defaultPrevented: false detail: 1 eventPhase: 3 fromElement: null isTrusted: true isTrusted: true layerX: -566 layerY: 5 …

88 angular 

Angular Material（Angular 4+を使用）に関して質問があります。コンポーネントテンプレートでコンポーネントを追加する<mat-horizontal-stepper>と、各ステップ内<mat-step>にコンポーネントをナビゲートするためのステッパーボタンがあります。そのようです... <mat-horizontal-stepper> <mat-step> Step 1 <button mat-button matStepperPrevious type="button">Back</button> <button mat-button matStepperNext type="button">Next</button> </mat-step> <mat-step> Step 2 <button mat-button matStepperPrevious type="button">Back</button> <button mat-button matStepperNext type="button">Next</button> </mat-step> <mat-step> Step 3 <button mat-button matStepperPrevious type="button">Back</button> <button mat-button matStepperNext type="button">Next</button> </mat-step> </mat-horizontal-stepper> 今、各ステップからボタンを削除<mat-horizontal-stepper>して、静的な位置またはの外側のどこかにボタンを配置することが可能かどうか疑問に思ってい<mat-horizontal-stepper>ます。コンポーネントのタイプスクリプトファイル内のコードを使用して前後に移動できます。アイデアを出すために、HTMLを次のようにしたいと思います <mat-horizontal-stepper> <mat-step> Step 1 </mat-step> <mat-step> Step 2 …

88 angular  angular-material  angular-material2