angular项目 集成ng zorro 和ng alain

angular项目 集成 ng zorro和ng alain（mock 和acl权限）学习笔记

这段时间，比较忙，很久没有写博客了。作为后端开发人员，第一次接触angular，以下是个人的学习心得和Demo。

项目创建步骤：

第一步 ：创建项目
ng new PacSys --directory “xx-xx-xx-xx-pacSys” --routing
第二步：初始 ng zorro项目
ng add ng-zorro-antd
第三步：安装 ng-zorro包
npm install ng-zorro-antd --save-dev
第四步：替换app.component.html内容为下列标签

第五步 ： 创建组件
ng g component components/index – 在app/components 目录下
ng g component login – 在app目录下component 可以简写为c
ng g component index-- 在app目录下
ng g component order – 在app目录下 工单数据
完善各个组件里面的逻辑代码。
第六步：设置路由：app-routing.module.ts

import {
    NgModule } from '@angular/core';
import {
    Routes, RouterModule } from '@angular/router';
import {
   LoginComponent} from "./login/login.component";
import {
   IndexComponent} from "./index/index.component";

const routes: Routes = [{
   
  path: '',
  redirectTo: &#