홈>
각도 8의 지연된 설치에서 두 페이지를로드하고 있습니다. 페이지가 올바르게 리디렉션되지만 페이지에 데이터가 표시되지 않습니다.
아래는 내 파일 중 일부입니다
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
app.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'crm-pj';
}
app.component.html
<div class="page-container">
<div class="left-content">
<div class="mother-grid-inner">
<!--header start here-->
<div class="header-main">
<div class="header-left">
<div class="logo-name">
<a href="index.html"> <h1>Shoppy</h1>
<!--<img id="logo" src="" alt="Logo"/>-->
</a>
</div>
</div>
<div class="header-right">
<div class="profile_details">
<ul>
<li class="dropdown profile_details_drop">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<div class="profile_img">
<span class="prfil-img"><img src="images/p1.png" alt=""> </span>
<div class="user-name">
<p>Malorum</p>
<span>Administrator</span>
</div>
<i class="fa fa-angle-down lnr"></i>
<i class="fa fa-angle-up lnr"></i>
<div class="clearfix"></div>
</div>
</a>
<ul class="dropdown-menu drp-mnu">
<li> <a href="#"><i class="fa fa-cog"></i> Settings</a> </li>
<li> <a href="#"><i class="fa fa-user"></i> Profile</a> </li>
<li> <a href="#"><i class="fa fa-sign-out"></i> Logout</a> </li>
</ul>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
<!--heder end here-->
<!--inner block start here-->
<div class="inner-block" style="height: 500px">
<router-outlet></router-outlet>
</div>
<!--inner block end here-->
<!--copy rights start here-->
<div class="copyrights">
<p>© 2016 Shoppy. All Rights Reserved | Design by <a href="http://w3layouts.com/" target="_blank">W3layouts</a> </p>
</div>
<!--COPY rights end here-->
</div>
</div>
<!--slider menu-->
<div class="sidebar-menu">
<div class="logo"> <a href="#" class="sidebar-icon"> <span class="fa fa-bars"></span> </a> <a href="#"> <span id="logo" ></span>
<!--<img id="logo" src="" alt="Logo"/>-->
</a> </div>
<div class="menu">
<ul id="menu" >
<!--<li id="menu-home" ><a href="index.html"><i class="fa fa-tachometer"></i><span>Dashboard</span></a></li>-->
<li><a href="#"><i class="fa fa-cogs"></i><span>Masters</span><span class="fa fa-angle-right" style="float: right"></span></a>
<ul>
<li><a routerLink="/state">State</a></li>
<li><a routerLink="/city">City</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="clearfix"> </div>
</div>
app-routing.module.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
const routes: Routes = [
{ path: 'state', loadChildren: () => import('./state/stateModule').then(m => m.stateModuleCls) },
{ path: 'city', loadChildren: () => import('./city/cityModule').then(m => m.cityModuleCls) },
{
path: '',
redirectTo: '',
pathMatch: 'full'
}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
stateModule.ts
//import {BrowserModule} from "@angular/platform-browser";
import {NgModule} from "@angular/core";
import {stateCompCls} from './stateComp';
@NgModule({
imports : [],
declarations : [stateCompCls],
bootstrap : [stateCompCls]
})
export class stateModuleCls{
}
stateComp.ts
import {Component} from '@angular/core';
@Component({
selector :'app-root',
templateUrl : 'state.html',
})
export class stateCompCls{
}
state.html
<h1>This is State Module</h1>
상태 재 지정이 작동하지만 데이터로 재 지정할 때 도시와 동일한 문제가 표시되지 않는 상태 모듈입니다
- 답변 # 1
관련 자료
- javascript - Chartjs 차트가 표시되지 않음
- android - 디자인 뷰의 UI가 에뮬레이터에서 동일하게 표시되지 않습니다
- reactjs - 반응 성분 데이터가 표시되지 않습니다
- Cordova InAppBrowser Footer가 안드로이드에 표시되지 않습니다
- reactjs - 글꼴이 멋진 아이콘이 처음에 크게 표시되고 올바른 크기로 업데이트되는 이유는 무엇입니까?
- computer vision - matplotlib pylot - 이미지가 저해상도로 표시되고 있습니다 (픽셀 단위)
- android - API 28 사용시 Recyclerview가 표시되지 않음
- SDL에서 이벤트를 사용할 때 표시되지 않는 이미지를 수정하는 방법은 무엇입니까?
- java - Firebase에 데이터를 삽입하는 방법은 있지만 관리 앱에서 승인 한 후에 표시됩니까?
- c# - ASPNET Core (HttpSys) 라우팅은 로컬에서 작동하지만 배포시 작동하지 않음
- javascript - 리 액트 컴포넌트가 브라우저에 표시되지 않고 빈 화면이 표시됨
- javascript - 모든 데이터가 consolelog ()에 표시되지만 모든 데이터가 브라우저에 표시되지 않는 이유는 무엇입니까?
- URL에 indexjsp가 표시되지 않도록 제거하는 방법?
- c# - 기본 MVC를 사용하는 경우 DropDownList에 데이터가 표시되지 않습니다
- sql - 클래식 보고서의 APEX에 열 헤더가 표시되지 않습니다
- python - "typeerror - float is required"가 표시되는 이유는 무엇입니까?
- resize - 내 UWP 앱이 전체 화면으로 표시되지 않도록하려면 어떻게하나요?
- php - 내 테이블 헤더가 표시되지만 데이터베이스에서 데이터를 가져 오지 않습니다
- python - "\ n"이 표시되지 않고 응답을 csv로 저장하려면 어떻게해야합니까?
- python - 파이 게임에서 텍스트를 중앙에 어떻게 표시합니까?
트렌드
- OpenCv의 폴더에서 여러 이미지 읽기 (python)
- 파이썬 셀레늄 모든 "href"속성 가져 오기
- html - 자바 스크립트 - 클릭 후 변경 버튼 텍스트 변경
- git commit - 자식 - 로컬 커밋 된 파일에 대한 변경을 취소하는 방법
- JSP에 대한 클래스를 컴파일 할 수 없습니다
- javascript - 현재 URL에서 특정 div 만 새로 고침/새로 고침
- jquery - JavaScript로 현재 세션 값을 얻으시겠습니까?
- javascript - swiperjs에서 정지, 재생 버튼 추가
- python - 문자열에서 특정 문자 제거
- JavaScript 변수를 HTML div에 '출력'하는 방법
stateModuleCls
가져 오기 와이즈 비즈 .appModule