angular 一般配置
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import {AppRoutingModule} from './app.router';
import {FormsModule} from '@angular/forms';
import {HttpModule} from '@angular/http';
import { AppComponent } from './app.component';
import { CartComponent } from './cart/cart.component';
import { DetailComponent } from './detail/detail.component';
import { IndexComponent } from './index/index.component';
import { ListComponent } from './list/list.component';
import { LoginComponent } from './login/login.component';
import { OrderConfirmComponent } from './orderConfirm/orderconfirm.component';
import { RegisterComponent } from './register/register.component';
import { UserCenterComponent } from './userCenter/usercenter.component';
import { HeaderComponent } from './utility/header/header.component';
import { FooterComponent } from './utility/footer/footer.component';
import { NotFoundComponent } from './utility/notFound/notfound.component';
@NgModule({
imports: [
AppRoutingModule,
FormsModule,
HttpModule,
BrowserModule
],
declarations: [
AppComponent,
CartComponent,
DetailComponent,
IndexComponent,
ListComponent,
LoginComponent,
OrderConfirmComponent,
RegisterComponent,
UserCenterComponent,
HeaderComponent,
FooterComponent,
NotFoundComponent
],
bootstrap: [ AppComponent ]
})
export class AppModule { }
app.router.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AppComponent } from './app.component';
import { IndexComponent } from './index/index.component';
const routes: Routes = [
{ path: '', component: IndexComponent },
{ path: 'index', component: IndexComponent },
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule],
})
export class AppRoutingModule { }
app.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<router-outlet></router-outlet>
`,
})
export class AppComponent { name = 'Angular'; }
相關文章
- angular1環境配置Angular
- angular環境配置及安裝Angular
- 一般應用程式的oracle配置 (轉)Oracle
- Angular-多級配置搞事情啦Angular
- angular版本更新與配置檔案問題Angular
- MySQL配置檔案my.ini的一般設定MySql
- 透明閘道器的安裝配置及一般使用
- 記一個angular在路由配置中管理 Angular Material Dialog(實現動態元件的彈窗顯示)Angular路由元件
- Angular 4 系列(一)初識 AngularAngular
- 沒有Angular 3,下一個Angular主版本將是Angular 4Angular
- 帶你瞭解 Angular 與 Angular JSAngularJS
- 使用Angular CLI生成 Angular 5專案Angular
- Angular 2 升級 Angular 4 歷程Angular
- angular 管道Angular
- angular ChangeDetectorRefAngular
- angular routeAngular
- Angular表格元件 GridManager-Angular-1.xAngular元件
- Angular Universal:Angular 統一平臺簡介Angular
- AngularJS、 Angular 2、Angular 4 的區別AngularJS
- angular日曆外掛---- angular-daterangepickerAngular
- angular學習筆記(二)-建立angular模組Angular筆記
- 熱部署一般用在測試環境, 生產環境用分散式配置中心熱部署分散式
- Angular 從入坑到挖坑 - Angular 使用入門Angular
- 如何從Angular 5 App升級到Angular 6AngularAPP
- [Angular][translate]有關Angular的變更檢測Angular
- angular-devkit 中 build-angular 包的作用AngulardevUI
- Angular Material 攻略 03 angular Material Design 安裝AngularMaterial Design
- 忘記 Angular 3:Google 將釋出 Angular 4AngularGo
- angular踩坑Angular
- angular入門Angular
- 使用Angular MaterialAngular
- angular4Angular
- Angular元件——投影Angular元件
- angular 2 by exampleAngular
- angular service/directiveAngular
- 如何建立 Angular 庫並在 Angular 應用裡呼叫Angular
- SQL 調優一般思路SQL
- 學習Java一般多久?Java