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

テンプレートを動的に作成したい。これはComponentType、実行時にat を構築し、それをホストコンポーネント内のどこかに配置（置き換えることも）するために使用する必要があります。 RC4まではを使用ComponentResolverしていましたが、RC5では次のメッセージが表示されます。 ComponentResolver is deprecated for dynamic compilation. Use ComponentFactoryResolver together with @NgModule/@Component.entryComponents or ANALYZE_FOR_ENTRY_COMPONENTS provider instead. For runtime compile only, you can also use Compiler.compileComponentSync/Async. このドキュメントを見つけました（Angular 2 Synchronous Dynamic Component Creation） そして、私はどちらかを使用できることを理解してください ダイナミックの種類ngIfとComponentFactoryResolver。内部に既知のコンポーネントを渡した場合@Component({entryComponents: [comp1, comp2], ...})-使用できます.resolveComponentFactory(componentToRender); 実際のランタイムコンパイル、Compiler... しかし、問題はそれをどのように使用するCompilerかです。上記のメモには、次のように電話する必要があると記載されCompiler.compileComponentSync/Asyncています。 例えば。（いくつかの構成条件に基づいて） 1種類の設定用にこの種のテンプレートを作成したい <form> <string-editor [propertyName]="'code'" [entity]="entity" ></string-editor> <string-editor [propertyName]="'description'" [entity]="entity" …

197 angular  typescript  compilation  angular2-compiler 

新しいAngular2フレームワークでは、イベントのようにホバーする適切な方法を誰かが知っていますか？ でAngular1があったng-Mouseoverが、それは引き継がれているようには見えません。 ドキュメントを確認しましたが何も見つかりませんでした。

197 javascript  angular  events  hover 

クラスが解決さngOnInit()れたときに呼び出されないのはなぜInjectableですか？ コード import {Injectable, OnInit} from 'angular2/core'; import { RestApiService, RestRequest } from './rest-api.service'; @Injectable() export class MovieDbService implements OnInit { constructor(private _movieDbRest: RestApiService){ window.console.log('FROM constructor()'); } ngOnInit() { window.console.log('FROM ngOnInit()'); } } コンソール出力 FROM constructor()

196 javascript  angular  typescript 

angular 2でプライベート関数をどのようにテストしますか？ class FooBar { private _status: number; constructor( private foo : Bar ) { this.initFooBar(); } private initFooBar(){ this.foo.bar( "data" ); this._status = this.fooo.foo(); } public get status(){ return this._status; } } 私が見つけた解決策 テストコード自体をクロージャー内に配置するか、クロージャー内にコードを追加して、外部スコープ内の既存のオブジェクトのローカル変数への参照を格納します。 後でツールを使用してテストコードを取り除きます。 http://philipwalton.com/articles/how-to-unit-test-private-functions-in-javascript/ あなたが何かをしたなら、この問題を解決するより良い方法を私に提案してください？ PS このような同様のタイプの質問に対する答えのほとんどは問題の解決策を与えません、それが私がこの質問をしている理由です 開発者のほとんどは、プライベート関数をテストしないと言いますが、それらが間違っている、または正しいとは言いませんが、私のケースではプライベート関数をテストする必要があります。

196 angular  unit-testing  typescript  jasmine 

Angular 2 beta16からbeta17にアップグレードしたところ、rxjs 5.0.0-beta.6が必要になりました。（変更ログはこちら：https : //github.com/angular/angular/blob/master/CHANGELOG.md#200-beta17-2016-04-28）beta16では、Observable / map機能に関してすべてがうまく機能していました。アップグレード後に次のエラーが表示され、typescriptがトランスパイルしようとすると発生します。 プロパティ 'map'はタイプ 'Observable'に存在しません（私がObservableでマップを使用した場所） c：/path/node_modules/rxjs/add/operator/map.d.ts（2,16）：エラーTS2435：アンビエントモジュールを他のモジュールまたは名前空間にネストすることはできません。 c：/path/node_modules/rxjs/add/operator/map.d.ts（2,16）：エラーTS2436：アンビエントモジュールの宣言で相対モジュール名を指定できません。 私はこの質問/回答を見ましたが、それは問題を解決しません： Angular2 beta.12とRxJs 5 beta.3で観察可能なエラー 私のappBoot.tsは次のようになります（すでにrxjs / mapを参照しています）： ///<reference path="./../node_modules/angular2/typings/browser.d.ts"/> import {bootstrap} from "angular2/platform/browser"; import {ROUTER_PROVIDERS} from 'angular2/router'; import {HTTP_PROVIDERS} from 'angular2/http'; [stuff] import 'rxjs/add/operator/map'; import 'rxjs/add/operator/toPromise'; import {enableProdMode} from 'angular2/core'; import { Title } from 'angular2/platform/browser'; …

195 typescript  angular  rxjs 

エラーが発生し、その理由がわかりません。ここにエラーがあります： EXCEPTION: Error during instantiation of LocationStrategy! (RouterOutlet -> Router -> Location -> LocationStrategy). angular2.dev.js:23514 EXCEPTION: Error during instantiation of LocationStrategy! (RouterOutlet -> Router -> Location -> LocationStrategy).BrowserDomAdapter.logError @ angular2.dev.js:23514BrowserDomAdapter.logGroup @ angular2.dev.js:23525ExceptionHandler.call @ angular2.dev.js:1145(anonymous function) @ angular2.dev.js:14801NgZone._notifyOnError @ angular2.dev.js:5796collection_1.StringMapWrapper.merge.onError @ angular2.dev.js:5700run @ angular2-polyfills.js:141(anonymous function) @ angular2.dev.js:5719zoneBoundFn @ angular2-polyfills.js:111lib$es6$promise$$internal$$tryCatch @ angular2-polyfills.js:1511lib$es6$promise$$internal$$invokeCallback …

195 routing  angular 

Angularアプリが本稼働フェーズに達したら、どのようにデプロイしますか？ これまでに見たすべてのガイド（angular.ioでも）は、変更を反映するために、ライトサーバーとbrowserSyncに頼っていますが、開発が終了したら、アプリをどのように公開できますか？ ページ.js上のすべてのコンパイル済みファイルをインポートしindex.htmlますか、それともgulpを使用して縮小しますか？彼らは機能しますか？SystemJSは製品版で必要ですか？

194 typescript  angular  production  systemjs 

私はAngularの初心者です。Angular5 ファイルアップロードパーツの作成方法を知りたいです。チュートリアルやドキュメントを見つけようとしていますが、どこにも表示されません。これについて何か考えはありますか？そして私はng4-filesを試しましたが、それはAngular 5では機能しません

193 angular  typescript 

TypeScriptとAngularアプリケーションを使用して、毎回tsファイルをトランスパイルせずに開発サーバーを実行しようとしています。で実行できることがわかりましたが、gulp ts-nodewatchの.ts場合と同じように、ファイルを監視してアプリ/サーバーをリロードしたいと思います。

192 typescript  angular  gulp  development-environment  nodemon 

...例えば... <div class="month" *ngFor="#item of myCollection; #i = index"> ... </div> 次のようなことが可能です... <div class="month" *ngFor="#item of 10; #i = index"> ... </div> ...次のような非エレガントなソリューションにアピールすることなく： <div class="month" *ngFor="#item of ['dummy','dummy','dummy','dummy','dummy', 'dummy','dummy','dummy']; #i = index"> ... </div> ？

191 angular 

コンポーネント<component></component>に動的クラス属性を追加する方法がわかりませんが、テンプレートhtml（component.html）内にあります。 私が見つけた唯一の解決策は、「ElementRef」ネイティブ要素を介してアイテムを変更することです。その解決策は、非常に単純なことを行うには少し複雑に見えます。 もう1つの問題は、CSSをコンポーネントのスコープ外で定義する必要があるため、コンポーネントのカプセル化が壊れることです。 より簡単な解決策はありますか？<root [class]="..."> .... </ root>テンプレート内のようなもの。

190 angular  angular2-template 

ログインフォームに取り組んでいます。ユーザーが無効な資格情報を入力した場合、電子メールとパスワードの両方のフィールドに無効のマークを付け、ログインに失敗したことを示すメッセージを表示します。監視可能なコールバックからこれらのフィールドを無効に設定するにはどうすればよいですか？ テンプレート： <form #loginForm="ngForm" (ngSubmit)="login(loginForm)" id="loginForm"> <div class="login-content" fxLayout="column" fxLayoutAlign="start stretch"> <md-input-container> <input mdInput placeholder="Email" type="email" name="email" required [(ngModel)]="email"> </md-input-container> <md-input-container> <input mdInput placeholder="Password" type="password" name="password" required [(ngModel)]="password"> </md-input-container> <p class='error' *ngIf='loginFailed'>The email address or password is invalid.</p> <div class="extra-options" fxLayout="row" fxLayoutAlign="space-between center"> <md-checkbox class="remember-me">Remember Me</md-checkbox> <a class="forgot-password" routerLink='/forgot-password'>Forgot Password?</a> …

190 validation  angular  angular2-forms 

Angular 2.0.0-alpha.30バージョンを使用しています。別のルートにリダイレクトした後、ブラウザを更新すると、「GET /ルートを取得できません」と表示されます。 このエラーが発生した理由を理解するのを手伝ってくれませんか。

189 angular  angular2-routing 

Observable.ofプロジェクトのインポート機能に問題があります。私のIntellijはすべてを見ています。私のコードでは： import {Observable} from 'rxjs/Observable'; そして私のコードではそれをそのように使用します： return Observable.of(res); 何か案は？

189 angular  rxjs 

角度2が提供する@ViewChild、@ViewChildren、@ContentChildおよび@ContentChildrenコンポーネントの子孫要素を照会するためのデコレータ。 前半と後半の違いは何ですか？

189 angular