2017-07-07 4 views
1

Ich hatte eine .NET WebAPI-Anwendung, die Winkel 2 mit verwendet und beschlossen, auf Winkel 4 zu aktualisieren.Wie kann ich feststellen, ob meine App von eckig 2 nach eckig 4 ​​erfolgreich war?

Ich ging etwas wie folgt in der CMD für mein Projektverzeichnis (zusammen mit ein paar Iterationen der Installation fehlt Abhängigkeiten):

npm install @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] [email protected] --save 

ich durch die CLI vor kurzem ging meine Winkel App von Winkel 2 bis Winkel 4. Nun ist es einen Weg gibt, zu aktualisieren, für mich, meine Anwendung zu bestätigen, dass tatsächlich Winkel 4 statt 2 verwendet?

Wenn i-Typ in „ng --version“ in die cmd Linie für das direkt, dass mein Projekt hat, dann bekomme ich folgendes Ergebnis:

@angular/cli: 1.2.0 
node: 6.10.2 
os: win32 x64 
@angular/animations: 4.2.5 
@angular/common: 4.2.5 
@angular/compiler: 4.2.5 
@angular/compiler-cli: 4.2.5 
@angular/core: 4.2.5 
@angular/forms: 4.2.5 
@angular/http: 4.2.5 
@angular/platform-browser: 4.2.5 
@angular/platform-browser-dynamic: 4.2.5 
@angular/platform-server: 4.2.5 
@angular/router: 4.2.5 
@angular/cli: 1.2.0 

, wenn ich meine Anwendung laufen dann und schauen Sie sich die brower-Entwickler-Tools i dies im DOM-Explorer sehen:

<html> 
<body> 
    <my-app ng-version="2.4.8" _nghost-vrp-0=""> 
... other stuff that isn't important 
</html> 
</body> 

so sieht es aus wie meine app sagen ng-version = "2.4.8", aber nicht mein CLI anders sagen? Habe ich erfolgreich ein Upgrade durchgeführt, und wenn ja, warum sagt das DOM in den Browser-Entwicklertools anders?

Wieder ist dies eine .NET WebAPI-Anwendung, die Winkel 2 mit verwendet wurde.

Antwort

1

Sie können immer einige der heißen neuen angular4 Funktionen versuchen und sehen, ob es funktioniert, oder ob es mit einem --prod ng build kompiliert --aot

<div *ngIf="userList | async as users; else loading"> 
    <user-profile *ngFor="let user of users; count as count; index as i" [user]="user"> 
User {{i}} of {{count}} 
    </user-profile> 
</div> 
<ng-template #loading>Loading...</ng-template> 
+0

soll dieser Code wie im HTML-Code arbeiten, ohne dass der Komponente etwas hinzugefügt wird? Es funktioniert nicht: Unhandled Promise Ablehnung: Vorlage Parse-Fehler: Kann nicht an 'Benutzer' binden, da es keine bekannte Eigenschaft von 'Benutzerprofil' ist ... ich denke, das bedeutet, ich habe keine Winkel 4 auf der App? –

+0

Sie benötigen die richtigen Objekte, die an die ts-Datei gebunden sind. Dies ist nur die Probe Winkel gibt über die neue Syntax von ngIfs und ngFors – Surreal

+0

haben Sie einen Link zu dieser Dokumentation? Ich würde gerne durchgehen und versuchen Sie Ihren Vorschlag –

0

stellte sich heraus, meine App aktualisiert wurde eckig 4. Es war ein Problem, meinen Cache nicht zu löschen, daher wurde er als 2.x statt als 4.x angezeigt. Jetzt zeigt es korrekt die richtige Version und die Angular 4-Syntax funktioniert gut.