
Angular
Angular7学习,是7!
爱学习的小兰同学
学习总结记录(公众号:元气满满的大咸鱼。欢迎关注。)
展开
-
ng-zorro-antd与angular7实现表单验证
ng-zorro-antd表单的官网(1)模板驱动表单验证实现效果代码如下:html<form nz-form> <nz-form-item> <nz-form-label nzRequired [nzSpan]="5">用户名</nz-form-label> <nz-form-control [nzSpan]="12"> <input #unameValid="n原创 2021-08-12 20:47:15 · 1136 阅读 · 0 评论 -
Angular建立路由三(一个文件夹下建立多个组件,实现单页面)
1.app.component.html<router-outlet></router-outlet>2.app-routing.module.tsimport { NgModule } from '@angular/core';import { Routes, RouterModule } from '@angular/router';const routes: Routes = [ { path: 'route', loadChildren: './rout原创 2021-08-01 01:08:50 · 299 阅读 · 0 评论 -
Angular建立路由二(在一个文件夹下建立多个文件夹,实现单页面)
在项目文件夹src/app下建立routes文件夹,在src/app/routes下建立login文件夹和test文件夹,实现路由:http://localhost:4200/route/login和http://localhost:4200/route/test实现方法:1.app.component.html:<router-outlet></router-outlet>2 .在项目demo的app下建立以下如图文件3.routes.routing.ts与ro.原创 2021-08-01 00:25:58 · 406 阅读 · 0 评论 -
ng-zorro中表格的全选问题
html<nz-table (nzCurrentPageDataChange)="onCurrentPageDataChange($event)"><thead> <tr> <!--表头的复选框--> <th nzShowCheckbox [nzChecked]="checked" [nzIndeterminate]="indeterminate" (nzCheckedChange)="onAllC原创 2021-07-05 01:21:47 · 1121 阅读 · 0 评论 -
Angular建立简单路由(一)
已经建好一个Angular项目:其他总结:安装指定版本的ng-zorro-antd与echarts(项目文件夹下)npm install ng-zorro-antd@7.2.0 --savenpm install echarts@4.1.0 --save开始~1.在app文件夹下,新建组件start和second,终端执行命令ng generate component startng generate component second2.在app-routing.module.t原创 2021-06-17 16:44:26 · 438 阅读 · 0 评论 -
Angular入门前遇到的问题总结
1.环境nodejs:我用的版本是v14.17.0angular cli:最好不要安装太新的版本,由于版本的问题,我这个新手真的踩了好多不必要的坑2.关于版本的命令ng -v 一堆命令(已经安装了某个版本的angular)ng version 查看版本3.angular的卸载和指定版本的安装npm uninstall -g @angular/cli 卸载npm cache clean 检查是否卸载干净如果上面的命令报错:npm cache clean --force再不行原创 2021-05-31 10:44:28 · 318 阅读 · 0 评论