Angular 2. Wie setze ich den Anfangszustand von Asp.net MVC View

Question

Wie kann ich den Ausgangszustand der Angular 2 App aus der Sicht einstellen?

Ich habe eine Steuerung, die den Anfangszustand übergeben müssen, um die Ansicht auf Winkel 2 Komponente zu werfen.

Answer 1

Derzeit können Sie keine Daten über eine Eigenschaft an die Stammebene übergeben, Sie können jedoch eine globale Variable außerhalb der Komponente definieren und in Ihrer Komponente darauf verweisen. Das ist vielleicht nicht ideal, aber vielleicht auch nicht schlecht.

jQuery ist ein Beispiel dafür. Im folgenden Beispiel wird die globale Variable jquery von meiner Komponente referenziert. Sie könnten dasselbe mit Ihrer eigenen globalen Variable machen. Sie können das serverseitige Rendern verwenden, um Ihre globale Variable beim Rendern der Seite dynamisch zu erstellen.

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

Warum nicht Sie Hydrat der Ausgangszustand der Anwendung durch einen WebAPI Endpunkt in ngOnInit() aufrufen? Auf diese Weise verlässt sich Ihre Anwendung auf eine Standard-HTTP-Antwort anstatt auf eine MVC-Infrastruktur ...