Angular2 404 GET /traceur
Angular2 404 GET /traceur
提问于 2017-01-29 16:39:27
你好，我是angular2的新手，学习，尝试建立路线。
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 {}和html文件
<!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>我试图使用路由器出口标签来路由formApp组件，但是我有错误，不能获得/traceur.Am，我做错了什么，我是新来的angular2帮助是需要的。tnx I前进
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-01-30 00:19:49
在您的index.html文件中，您需要有应用程序组件的选择器，因为这是您的应用程序根目录。然后，在应用程序组件的模板中，您可以放置一个路由器-出口元素。
我猜你的FormApp组件就是你想进入路由器插座的东西。
您的index.html文件：
<body>
<app-root></app-root>
</body您的AppComponent模板：
<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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41923265
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号