初めて質問します。
Angular2は始めたばかりです。Angular2を勉強がてら、管理ページを作ろうとSB-Admin-BS4-Angular-2をカスタマイズしています。
エラー表示も何も出ないのにページがロードされない場合、どのようにデバッグすれば良いかご教授頂けないかと思い、質問させていただきました。
Angular2の書き方に不慣れなため、何かしらヒントをつかめれば助かります。
修正したり追加した該当箇所を元にもどすと表示されるため、その部分になにかしら書き方のミスがあるという想定はできるのですが、何が悪いのかがどのように調査すればいいのかがわかりません。書き換え後の自動ロードされる際に、コマンドラインにエラーは表示されません。
下記のコードにBranchComponentをインポートし、pathを追記しました。pathを消すとページはロードされますが、下記の状態だと表示されません。
dashboard.route.tsにbranchコンポーネントを追加
Angular2
1import { Route } from '@angular/router'; 2 3import { HomeRoutes } from './home/index'; 4import { ChartRoutes } from './charts/index'; 5import { BlankPageRoutes } from './blank-page/index'; 6import { TableRoutes } from './tables/index'; 7import { FormRoutes } from './forms/index'; 8import { GridRoutes } from './grid/index'; 9import { BSComponentRoutes } from './bs-component/index'; 10import { BSElementRoutes } from './bs-element/index'; 11 12import { DashboardComponent } from './index'; 13 14//ブランチが追加したコンポーネント 15import { BranchComponent } from '../branch/index'; 16 17export const DashboardRoutes: Route[] = [ 18 { 19 path: 'dashboard', 20 component: DashboardComponent, 21 children: [ 22 ...HomeRoutes, 23 ...ChartRoutes, 24 ...BSComponentRoutes, 25 ...TableRoutes, 26 ...BlankPageRoutes, 27 ...FormRoutes, 28 ...GridRoutes, 29 ...BSElementRoutes 30 ] 31 }, 32 { 33 path: 'branch', 34 component: BranchComponent, 35 children:[{ 36 path: 'branch/list' 37 }] 38 } 39]; 40
追加したbranch.component.ts
import { Component } from '@angular/core'; /** * This class represents the lazy loaded DashboardComponent. */ @Component({ moduleId: module.id, selector: 'dashboard-cmp', templateUrl: 'branch.component.html' }) export class BranchComponent { }
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。