4
自己解決
色々調べてみた結果、Web上にあげるファイルは
ターミナルでng serveしたディレクトリ(ng serveしてない状態)でng buildというコマンドを実行したら、distというファイル中にweb用のファイルが追加されます。
そのdistファイルをそのまま上げたらおっけーという感じだと思います。
おさがわせしました。
2
Angular、またはAngularJSは変更検知の仕組みによりデータバインディングを実現しています。
コンポーネントに関数を渡すと変更検知のために呼び出されます。
(関数を評価しないと変更があるかどうかをAngularが判断できない)
変更検知は様々なタイミングで行われるため、複数回呼び出されています。
変更検知について詳しく知りたければ、Angularjsであれば$digestイベントループを、AngularであればZoneJSによる変更検知の仕組みなどについて調べると良いかと思います。
変更検知の仕組みがあるのでngFor(コンポーネント)に関数を渡す実装はパフォーマンスの面であまり良くはありません。
コンポーネントのオブジェクトとしてデータバインディング用の変数を定義し、...
1
自己解決しました。subscribeは非同期なのでfakeAsyncを使ってtickで待てばexpectで評価されました。
it('test', fakeAsync(() => {
let router: Router;
router = TestBed.get(Router);
spyOn(window, "scroll");
router.navigate(["/counter"]);
fixture.componentInstance.ngOnInit();
tick(); // or flushMicrotasks()
expect(window.scroll).toHaveBeenCalled();
}));
1
現時点では「仕様」のようで、
Angularとしての機能としてOffにするような方法はないように思えます。
以下Angular Issueでも議論されておりますが、設定的な方法ではなく、処理を入れてしまう対処案しか出ていません。
Changing route doesn't scroll to top in the new page #7791
とりあえずは私も上記ページにある内のひとつの方法である
以下をngOnInitに入れることによって対処しています(↑のIssue#7791内のtrickでは突入された側のRouterではなく去り側のRouterでsetしています。)
this.renderer.setElementProperty(document.body, "scrollTop", 0);
...
1
自己解決しました。
原因は@NgModuleのentryComponents内で指定したコンポーネントであることが原因だったようです。
トップのons-navigatorコンポーネント初期化時に@ViewCild()で取得したnavigatorオブジェクトにてthis.navigator.nativeElement.pushPage(page)をngAfterViewInit内で呼ぶことでデータバインディングが正常にできました。
尚、その際に、ChangeDetectorRefをDIして、changeDetectorRef.detectChanges()を呼ぶことで変更を許可するという記述を加えたところ問題なく動作しました。
相変わらず、初期化時に指定したページに@...
上位に投票された、最小文字数のコミュニティ wiki 以外の回答のみが対象となります
関連するタグ
angular2 × 13angular4 × 9
javascript × 3
angularjs × 3
jasmine × 2
jquery × 1
css × 1
node.js × 1
onsen-ui × 1
electron × 1
rx-javascript × 1
angular-material × 1
angular5 × 1