2017-04-12 7 views
0

角度JSを何もURLに変更していない角度JS 2ルーティングが起こっているが、何もURLに変更していない2ルーティングが起こっている

角度JS 2に

アム新しい

haiのすべて、と私は3でルーティングの例を作成しました彼らは、角度JS 2のフォームの異なる種類あるタブ.. 1.Template駆動 2.モデルは、フォームビルダ

enter image description here

で駆動 3.モデルを駆動210

問題は、私は検証が

を働いていない、他のタブのファイル内容の変更が、URLをクリックしたときに誰かが私にもそのコードをきれいにすることができます場合、私は喜んでgithubの アムでコンテンツ全体をアップロードしています。また、ここでそのフォームテンプレート事前 で

感謝のための貢献者を探していることはapp.component.ts

<nav> 
      <a routerLink="/angulartemplateform" routerLinkActive="active">Angular Forms Using Template</a> 
      <a routerLink="/angularmoduleformdata" routerLinkActive="active">Angular Forms Using Model</a> 
      <a routerLink="/angularmodulebuilder" routerLinkActive="active">Angular Forms Using Form Builder</a> 
      </nav>    
      <router-outlet></router-outlet> 

GithubのURLでルーティングするためのコードである アム午前:: https://github.com/selva1990kumar/AngularJS-Forms

答えて

1

ですので空のルートパスを設定していません

const routes: Routes = [ 
    ////////////////////////////////////////////////////////////////////// 
     { path: '', redirectTo: 'angulartemplateform', pathMatch: 'full' }, 
    /////////////////////////////////////////////////////////////////////// 
     { path: 'angulartemplateform', component: EmployeeListComponent}, 
     { path: 'angularmoduleformdata', component: EmployeeDetailComponent}, 
     { path: 'angularmodulebuilder', component: EmployeeFormComponent}, 


    ] 
+0

{path: ''、redirectTo: 'angulartemplateform'、pathMatch: 'full '}、私は上記のコードを試みたが、それも動作していない問題は、angularmoduleformdata、angularmodulebuilderのリンクに戻ってangulartemplateformに戻る – selva

+0

ok何を取得しているエラーです – Aravind

+0

angulartemplateform:1' http: //localhost:3000/app/app-routing.module.ts 'のMIMEタイプ(' video/mp2t ')が実行可能でないためです。 popup.js:121 Uncaught ReferenceError:XMLが定義されていません at popup.js:121 (匿名)@ popup.js:121 core.umd.js:210角度2は開発モードで実行されています。プロダクションモードを有効にするには、enableProdMode()を呼び出します。これは私がプロジェクトをロードするときに受けるエラーです – selva

関連する問題