Angular 2. Asp.net MVCから初期状態を設定する方法

Question

ビューから角度2アプリの初期状態を設定するにはどうすればよいですか？

私は初期状態を渡す必要があるコントローラを持って、角度2コンポーネントにビューを投げる。

Answer 1

現在、ルートレベルのコンポーネントにはプロパティを介してデータを渡すことはできませんが、コンポーネントの外部にグローバル変数を定義し、コンポーネント内で参照することはできます。これは理想的ではないかもしれませんが、それほど悪くないかもしれません。

jqueryはこれの例です。以下の例では、グローバルjquery変数が自分のコンポーネントから参照されています。独自のグローバル変数でも同じことができます。サーバー側のレンダリングを使用して、ページのレンダリング時にグローバル変数を動的に作成することができます。

import {Component, ElementRef, Inject, OnInit} from 'angular2/core'; 

    declare var jQuery:any; 

    @Component({ 
     selector: 'jquery-integration', 
     templateUrl: './components/jquery-integration/jquery-integration.html' 
    }) 

    export class JqueryIntegration implements OnInit { 
     elementRef: ElementRef; 

     constructor(@Inject(ElementRef) elementRef: ElementRef) { 
      this.elementRef = elementRef; 
     } 

     ngOnInit() { 
      jQuery(this.elementRef.nativeElement).find('.moving-box').draggable({containment:'#draggable-parent'}); 
     } 
    } 

Answer 2

ngOnInit（）でWebApiエンドポイントを呼び出すと、アプリケーションの初期状態が水和しないのはなぜですか？あなたのアプリケーションは、MVCインフラストラクチャではなく、標準HTTPレスポンスに依存しています。