ngalain1

git clone --depth=1 https://github.com/ng-alain/ng-alain.git my-1
cd my-1
yarn (npm install)
npm start 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在一个 Angular 项目中添加 Alain 的侧边栏,可以按照以下步骤进行: 1. 首先,安装 `@delon/abc` 和 `@delon/theme` 依赖项。可以使用以下命令安装: ``` npm install @delon/abc @delon/theme --save ``` 2. 在 `app.module.ts` 文件中导入 `DelonModule` 和 `AlainThemeModule` 模块: ```typescript import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { DelonModule } from '@delon/abc'; import { AlainThemeModule } from '@delon/theme'; import { AppComponent } from './app.component'; @NgModule({ declarations: [AppComponent], imports: [BrowserModule, DelonModule, AlainThemeModule.forRoot()], providers: [], bootstrap: [AppComponent], }) export class AppModule {} ``` 3. 在 `app.component.ts` 文件中添加一个侧边栏组件: ```typescript import { Component } from '@angular/core'; @Component({ selector: 'app-root', template: ` <layout> <sider-menu></sider-menu> <layout-content> <router-outlet></router-outlet> </layout-content> </layout> `, }) export class AppComponent {} ``` 在这个例子中,使用了 `sider-menu` 组件来显示侧边栏。 4. 最后,在 `app.component.ts` 文件中添加一些菜单项: ```typescript import { Component } from '@angular/core'; @Component({ selector: 'app-root', template: ` <layout> <sider-menu [menus]="menus"></sider-menu> <layout-content> <router-outlet></router-outlet> </layout-content> </layout> `, }) export class AppComponent { menus = [ { text: 'Dashboard', link: '/', icon: 'anticon anticon-dashboard', }, { text: 'Users', link: '/users', icon: 'anticon anticon-user', }, { text: 'Settings', link: '/settings', icon: 'anticon anticon-setting', }, ]; } ``` 在这个例子中,为侧边栏添加了三个菜单项:`Dashboard`、`Users` 和 `Settings`。 这样,就可以在 Angular 项目中使用 Alain 的侧边栏了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值