在App开始向上

角路由我有一个网页，用角制成的，我要动态加载页面的主要内容体。所以我让自己的身体成为一个独立的组成部分，并且布置了路径，以便我可以路由它。我希望我的应用程序在应用程序启动后立即加载它，但首先它的负载太重）。在App开始向上

<div *ngIf="this.inboundButton" id="maincontainer" class="ScMainContent sticky-ready"> 
    <div class="sf_cols"> 
    <div class="sf_colsOut sf_1col_1_100"> 
     <div id="mainContentPlaceHolder_T15DDBF9D005_COL00" class="sf_colsIn sf_1col-1in-100"> 

     <p> 
      Hello Welcome to my Home Element! 
      <br/> 
      <a [routerLink]="['/home']" href=""> 
      it Doesnt Work at All. 
      </a> 
     </p> 
     <router-outlet name="home"></router-outlet> 

     </div> 
    </div> 
    </div> 
</div>

我的html中的按钮被放入检查以确保它不需要我的交互加载。它没有。

我routing.module：

import { NgModule } from '@angular/core'; 
import { Routes, RouterModule } from '@angular/router'; 

import {InboundComponent} from './screens/inbound/inbound.component' 
import {OutboundComponent} from './screens/outbound/outbound.component' 
import {HomeComponent} from './screens/home/home.component' 
import {AppComponent} from './app.component' 
import { HeaderComponent } from "app/screens/header/header.component"; 
import { FooterComponent } from "app/screens/footer/footer.component"; 

const routes: Routes = [ 
    { 
    path: '', 
    redirectTo: 'home', 
    pathMatch: 'full' 
    }, 
    { 
    path: 'home', 
    component: HomeComponent 
    }, 
    { 
    path: 'header', 
    component: HeaderComponent 
    }, 
    { 
    path: 'footer', 
    component: FooterComponent 
    }, 
    { 
    path: 'inbound', 
    component: InboundComponent 
    }, 
    { 
    path: 'outbound', 
    component: OutboundComponent 
    } 
]; 

@NgModule({ 
    imports: [RouterModule.forRoot(routes)], 
    exports: [RouterModule] 
}) 
export class AppRoutingModule { }

文本正确显示，所以我知道的HTML负载，但在路由器出口只是什么都不做。

我曾经历几乎所有路由的文档阅读，这似乎是正确的...但似乎并没有工作。

来源

2017-08-08 RaptorJesus

你应该改变你的一个“/ home” redirectTo，然后应用程序将加载与的“初始URL”，它将您重定向到一个“/ home”，加载所需的组件。 – Supamiu

@Supamiu仍无法加载:( – RaptorJesus

是否有任何控制台错误？ – RRForUI

只是改变了第一条路线，设置redirectTo： '家'

{ 
    path: '', 
    redirectTo: '/home', 
    pathMatch: 'full' 
    },

来源

2017-08-08 15:04:10

不幸的是有简单的，这不能解决问题。我本来家里设置为我的默认路径，但它并没有任何加载它。 – RaptorJesus

你不能用状态'/'当定义路线 – Faisal

我觉得应该是像下面

{ 
    path: '', 
    children:[ 
     path:'home', 
     component:HomeComponent 
] 
}

来源

2017-08-08 15:55:43 RRForUI

我的答案应该是只是一个评论来帮你。确保

*ngIf="this.inboundButton"

设置为true。

来源

2017-08-08 16:11:13

只是检查，它是。 – RaptorJesus

在App开始向上

回答

相关问题