2017-01-29 8 views
0

Hallo ich bin neu in eckig2, lernen, versuchen, Routen zu bauen.Angular2 404 GET/traceur

app.routing.ts

import {FormApp} from './app.form'; 
    import {Routes, RouterModule} from '@angular/router'; 

    const appRoutes = [ 
     {path:'form',component:FormApp}, 
     {path:'all',pathMatch:'full',redirectTo:'all'} 
    ]; 

    export const routing = RouterModule.forRoot(appRoutes); 
**app.module.ts** 


     import {NgModule} from "@angular/core"; 
     import {BrowserModule} from "@angular/platform-browser"; 
     import {AppComponent} from "./app.component"; 
     import {AppMedia} from './app.media'; 
     import {FavoriteDirective} from './app.fav.directive'; 
     import { CustomPipe} from './app.pipe'; 
     import {ReactiveFormsModule} from '@angular/forms'; 
     import {FormApp} from './app.form'; 
     import {Service} from './app.service'; 
     import {varijablaTok, varijabla} from './app.tok'; 
     import {routing} from'./app.routing'; 

     const data = {velicina:['M','S','XXL']}; 

     @NgModule({ 
      imports:[BrowserModule, ReactiveFormsModule,routing], 
      declarations:[ AppComponent, AppMedia, FavoriteDirective, CustomPipe, FormApp], 
      bootstrap:[ AppComponent], 
      providers:[Service,{ 
       provide: 'varijablaTok' ,useValue :varijabla 
      }] 



     }) 



export class AppModule {} 

und html-Datei

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Title</title> 
</head> 
<body> 
<p id="par">Bozic je sevaju prangije i cesnicu baka sprema</p> 
<media-app [ngClass]="{'crveno ' : n.name === 'Firebug','plavo' : n.name ==='The Redemption' }" *ngFor="let n of xxx" (delete)="naDeletu(mediaItem)" [mediaItem]="n"></media-app> 
<select> 
    <option *ngFor="let d of varijabla.velicina">{{d}}</option> 
</select> 
<router-outlet></router-outlet> 
</body> 
</html> 

Ich versuche Router-outlet-Tag zu routen formApp Komponente zu verwenden, aber ich habe Fehler nicht bekommen kann /traceur.Am i etwas falsch machen Ich bin neu in angular2 Hilfe wird benötigt. tnx i advance

Antwort

0

In Ihrer index.html-Datei müssen Sie den Selektor für die App-Komponente haben, denn das ist Ihr App-Root. Dann können Sie in der Vorlage für Ihre App-Komponente ein Router-Outlet-Element einfügen.

Ich vermute, dass Ihre FormApp-Komponente ist, was Sie in den Router-Ausgang gehen möchten.

Ihre Datei index.html:

<body> 
    <app-root></app-root> 
</body 

Ihre AppComponent Vorlage:

<p id="par">Bozic je sevaju prangije i cesnicu baka sprema</p> 
<media-app [ngClass]="{'crveno ' : n.name === 'Firebug','plavo' : n.name ==='The Redemption' }" *ngFor="let n of xxx" (delete)="naDeletu(mediaItem)" [mediaItem]="n"></media-app> 
<select> 
    <option *ngFor="let d of varijabla.velicina">{{d}}</option> 
</select> 
<router-outlet></router-outlet> 
Verwandte Themen