用angular编写管理中台,放置于现有的非angular项目中

创建angular项目

  1. npm i -g @angular/cli
  2. ng new projectname –style=scss
  3. 创建全局通用header和aside: ng g c components/header ng g c components/aside
  4. 在 app.component.html写入用angular编写管理中台,放置于现有的非angular项目中
  5. 在src/app/目录下新建 app-routing.module.ts,作为项目组件可路由管理,以后新创建的页面全部走 app-routing.module.ts
  6. 例如: ng g pages/main –module=app-routing用angular编写管理中台,放置于现有的非angular项目中
  7. app.module.ts 配置如下用angular编写管理中台,放置于现有的非angular项目中用angular编写管理中台,放置于现有的非angular项目中
  8. index.html里面的baseurl设置:
  9. package.json中的build设置用angular编写管理中台,放置于现有的非angular项目中
  10. 预览效果用angular编写管理中台,放置于现有的非angular项目中用angular编写管理中台,放置于现有的非angular项目中