Wie kann ich meine Angular App-Ordner wie ein Java-Paket organisieren?

Question

Wie organisiert man Angular 2 App-Ordnerstruktur wie Java-Pakete?

Betrachten Sie das folgende Projekt-Layout:

app 
|_model 
|_component 
|_service 

Ich mag würde foo.service.ts von Service-bar.component.ts in Komponente importieren. Aber soweit ich weiß, unterstützt Angular 2 Import nur relative Pfade wie /../service/, was sehr klobige Lösung scheint.

Gibt es eine Möglichkeit, Ordner mit absoluten Bad von Stammordner zu verweisen, wie mit Java-Paketen?

Answer 1

Noch nicht, es sollte vorhanden sein, bald mit Typoskript 2.0

Schauen Sie hier https://github.com/Microsoft/TypeScript/issues/5039

Answer 2

UPDATE 2016-06-01

npm install typescript@next verwenden, können Sie bereits diese Funktion nutzen zu

Ich nehme an, dass Ihr Baum so aussieht:

node_modules 
|_@angular 
|_rxjs 
app 
|_model 
|_component 
|_service 
package.json 
tsconfig.json 

Sie sollten die folgenden Zeilen in der tsconfig.json hinzufügen:

{ 
    "compilerOptions": { 
    "baseUrl": ".", 
    "paths": { 
     "*": [ 
     "app/*", 
     "node_modules/*" 
     ] 
    } 
    } 
} 

dann können Sie Ihre Module verweisen, wie Sie @ Winkel regelmäßig tun/rxjs Module

import { MyService } from 'service/MyService'; 
import { Component } from '@angular/core'; 
import { Observable } from 'rxjs'; 

Hinweis: webpack benötigt auch folgende Zeilen in webpack.config.js

resolve: { 
    modulesDirectories: [ 
     'node_modules', 
     'app' 
    ] 
}