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

現在のドキュメントでは、実際のルートセグメントではなく、ルートパラメータの取得についてのみ説明しています。 たとえば、現在のルートの親を見つけたい場合、どうすれば可能ですか？

471 angular  angular2-routing 

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 

違いは何である@Componentと@Directive角度では？どちらも同じタスクを実行し、同じ属性を持っているようです。 ユースケースとは何ですか？

443 angular 

Angular 2で基本的なアプリを作成しましたが、コンポーネントの1つにサービスを注入できないという奇妙な問題が発生しました。ただし、私が作成した他の3つのコンポーネントのいずれにも問題なく注入されます。 手始めに、これはサービスです： import { Injectable } from '@angular/core'; @Injectable() export class MobileService { screenWidth: number; screenHeight: number; constructor() { this.screenWidth = window.outerWidth; this.screenHeight = window.outerHeight; window.addEventListener("resize", this.onWindowResize.bind(this) ) } onWindowResize(ev: Event) { var win = (ev.currentTarget as Window); this.screenWidth = win.outerWidth; this.screenHeight = win.outerHeight; } } そしてそれが動作することを拒否するコンポーネント： import { …

431 angular  angular2-di 

のルート変更を検出しようとしていAppComponentます。 その後、グローバルユーザートークンをチェックして、彼がログインしているかどうかを確認します。ログインしていない場合は、ユーザーをリダイレクトできます。

428 angular 

オブジェクトの反復に使用しているときに、angular2でオブジェクトのkeyand を取得する方法について少し混乱しています。私はangular 1.xで次のような構文があることを知っていますvalue*ngFor ng-repeat="(key, value) in demo" しかし、angular2で同じことをする方法がわかりません。私は成功せずに同様のことを試しました： <ul> <li *ngFor='#key of demo'>{{key}}</li> </ul> demo = { 'key1': [{'key11':'value11'}, {'key12':'value12'}], 'key2': [{'key21':'value21'}, {'key22':'value22'}], } ここに私の試みのplnkrがあります：http ://plnkr.co/edit/mIj619FncOpfdwrR0KeG?p=preview どのように私は得ることができますkey1し、key2使用して動的に*ngFor？広範囲に検索した後、パイプを使用するアイデアを見つけましたが、どうすればよいかわかりません。angular2で同じことをするための組み込みのパイプはありますか？

426 angular  typescript  object 

select要素をオブジェクトのリストにバインドしたいと思います-これは十分簡単です： @Component({ selector: 'myApp', template: `<h1>My Application</h1> <select [(ngModel)]="selectedValue"> <option *ngFor="#c of countries" value="c.id">{{c.name}}</option> </select>` }) export class AppComponent{ countries = [ {id: 1, name: "United States"}, {id: 2, name: "Australia"} {id: 3, name: "Canada"}, {id: 4, name: "Brazil"}, {id: 5, name: "England"} ]; selectedValue = null; } この場合、selectedValue数値、つまり選択したアイテムのIDであるように見えます。 ただし、実際には国オブジェクト自体にバインドしたいので、それselectedValueは単なるidではなくオブジェクトです。私はそのようにオプションの値を変更してみました： …

409 html  angular 

私は（時々 Angular2 +と呼ばれる）角度を理解しようとしています、そして、私が出会いました@Module： 輸入 宣言 プロバイダー Angularクイックスタートに従う

388 angular  angular-module 

プロパティを持つAngularコンポーネントを書いていますMode(): string。 イベントに応答せずに、このプロパティをプログラムで設定できるようにしたいと思います。 問題は、ブラウザーイベント{{Mode}}がない場合、テンプレートバインディングが更新されないことです。 この変更検出を手動でトリガーする方法はありますか？

387 angular  angular2-changedetection 

Angular 2（TypeScript）を使用しています。 新しいセレクションで何かしたいのですが、入ってくるのonChange()は常に最後のセレクションです。新しいセレクションを入手するにはどうすればよいですか？ <select [(ngModel)]="selectedDevice" (change)="onChange($event)"> <option *ngFor="#i of devices">{{i}}</option> </select> onChange($event) { console.log(this.selectedDevice); // I want to do something here with the new selectedDevice, but what I // get here is always the last selection, not the one I just selected. }

372 angular  typescript 

Angular 2の最後のページに戻るスマートな方法はありますか？ 何かのようなもの this._router.navigate(LASTPAGE); たとえば、ページCにはGo Backボタンがあり、 ページA->ページC、クリックしてページAに戻ります。 ページB->ページC、クリックしてページBに戻る。 ルーターにはこの履歴情報がありますか？

369 angular  angular2-routing 

Angular 4.4から5.0にアップグレードした後、すべてのHttpModuleとHttpをHttpClientModuleに更新した後、このエラーが発生し始めました。 HttpModuleを再度追加して、依存関係が原因ではないことを確認しましたが、問題は解決していません app.moduleで、すべて正しく設定しました import { HttpModule } from '@angular/http'; import { HttpClientModule, HttpClient } from '@angular/common/http'; . . . @NgModule({ imports: [ BrowserModule, HttpClientModule, HttpModule, BrowserAnimationsModule, FormsModule, AppRoutingModule, . . . このエラーがどこから発生しているかわからない、またはどのようにしてその内部を取得するのかわかりません。また、関連している可能性のある警告も表示されます（以下にも記載します）。 Error: StaticInjectorError[HttpClient]: StaticInjectorError[HttpClient]: NullInjectorError: No provider for HttpClient! at _NullInjector.get (vendor.js?v=mekBM8IVBK72-MIZOVSTJizGi_TD_xK3uhPOCRlEHwg:5665) at resolveToken (vendor.js?v=mekBM8IVBK72-MIZOVSTJizGi_TD_xK3uhPOCRlEHwg:5953) at tryResolveToken (vendor.js?v=mekBM8IVBK72-MIZOVSTJizGi_TD_xK3uhPOCRlEHwg:5895) …

364 angular 

何が悪いのですか？ import {bootstrap, Component} from 'angular2/angular2' @Component({ selector: 'conf-talks', template: `<div *ngFor="let talk in talks"> {{talk.title}} by {{talk.speaker}} <p>{{talk.description}} </div>` }) class ConfTalks { talks = [ {title: 't1', speaker: 'Brian', description: 'talk 1'}, {title: 't2', speaker: 'Julie', description: 'talk 2'}]; } @Component({ selector: 'my-app', directives: [ConfTalks], template: '<conf-talks></conf-talks>' }) …

355 angular  angular2-directives 

Angular 2プロジェクトでAngular Material Autocompleteコンポーネントを使用しようとしています。テンプレートに以下を追加しました。 <md-input-container> <input mdInput placeholder="Category" [mdAutocomplete]="auto" [formControl]="stateCtrl"> </md-input-container> <md-autocomplete #auto="mdAutocomplete"> <md-option *ngFor="let state of filteredStates | async" [value]="state"> {{ state }} </md-option> </md-autocomplete> 以下は私のコンポーネントです。 import {Component, OnInit} from "@angular/core"; import {ActivatedRoute, Router} from "@angular/router"; import {FormControl} from "@angular/forms"; @Component({ templateUrl: './edit_item.component.html', styleUrls: ['./edit_item.component.scss'] }) export class EditItemComponent …

355 angular  typescript  angular-material2  angular-forms 

Angular（バージョン2、4、6、...）をライブWebサーバーでの運用にバンドルするための最良の方法は何ですか。 Angularのバージョンを回答に含めてください。これにより、今後のリリースに移行したときに追跡しやすくなります。

353 angular  webpack  systemjs  angular-cli