![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
anguler4
Lobove_code
努力提升自己~
展开
-
Angular4+组件间传值
Angular4+组件间传值1. 组件间通信父组件传值给子组件:父组件:<app-index [title]="title" [run]="run"></app-index>子组件:import { Input } from '@angular/core';@Input() title;@Input() run;//这样就可以直接使用{{title}},...原创 2020-01-16 13:57:05 · 535 阅读 · 0 评论 -
angular4 报错记录
###angular4 报错记录1.Can’t bind to ‘routerLink’ since it isn’t a known property of ‘a’…解决办法:在模块中引入RouterModuleimport { Routes, RouterModule } from '@angular/router';const routes: Routes = [];@NgModu...原创 2019-03-27 14:50:40 · 526 阅读 · 0 评论 -
阻止表单回车默认提交事件
阻止表单回车默认提交事件onkeydown='if(event.keyCode==13) return false;'<form nz-form [formGroup]="validateForm" onkeydown='if(event.keyCode==13) return false;'> </form>提交按钮加disabled<...原创 2019-03-07 17:47:52 · 1445 阅读 · 0 评论 -
表单常用正则验证
表单常用正则验证1.去除空格 //去除空格 nameValidator(c: FormControl) { let NOT_NULL = /\s{0,}[\S]{1,}[\s\S]{0,}/; if (c.value) { if (!NOT_NULL.test(c.value)) { return { error: true, notnull:...原创 2019-03-07 17:47:26 · 282 阅读 · 0 评论 -
几种angular常用自定义的管道
几种angular常用自定义的管道根据日期判断星期import { Pipe, PipeTransform } from '@angular/core';@Pipe({ name: 'formatDay'})export class FormatDayPipe implements PipeTransform { transform(value: any, format...原创 2019-01-08 16:54:48 · 454 阅读 · 0 评论 -
angular4 项目设置端口号
angular4 项目设置端口号一般项目默认的端口号是4201.angular-cli.json文件中: "defaults": { "styleExt": "scss", "component": {}, "serve": { "po原创 2019-01-17 14:41:24 · 855 阅读 · 0 评论 -
HTML属性绑定
#####HTML属性绑定: 1.基本Html属性绑定 &amp;lt;td [attr.colspan]=&quot;tableColspan&quot;&amp;gt;Something&amp;lt;td&amp;gt; 2.CSS类属性绑定&amp;lt;div class=&quot;aaa bbb&quot; [class]=&原创 2018-12-26 17:11:48 · 917 阅读 · 0 评论 -
angular4相同路由间的页面跳转
相同路由间的页面跳转,页面不刷新的问题例:切换单位之后路由仍为/home,但不同组织的首页配置不同(包括banner,公告等等),如果直接跳转/home的话,页面不会进行刷新而且参数(id)也不会发生任何变化;方法一: this.router.navigate(['home',{id:value}]); //后面带个参数,页面就会刷新此时,页面刷新了,有些原始数据已经渲染上去,...原创 2018-12-14 15:10:09 · 1414 阅读 · 0 评论 -
转换文字方式
转换文字方式方法1: getCourseType(value) { let texts = { 'ONLINE': '在线', 'OFFLINE': '面授' }; return texts[value] || ''; }方法2: // 判断图标 returnIcon(value) { switch (value) { case 'pdf'...原创 2018-10-30 15:38:13 · 250 阅读 · 0 评论 -
angular4学习笔记(基础篇)
第二章学习笔记Angular程序架构组件:是Angular应用的基本构建块,你可以把一个组件理解为一段带有业务逻辑和数据的html模块:模块用来将应用中不同的部分组织成一个Angular框架可以理解的单元服务:用来封装可重用的业务逻辑指令:允许你向html元素添加自定义行为环境搭建第三章 使用Angular Route路由路由基础:路由传参:...原创 2018-07-25 14:31:13 · 557 阅读 · 0 评论 -
.angular-cli.json常见配置说明
.angular-cli.json常见配置说明{ &quot;$schema&quot;: &quot;./node_modules/@angular/cli/lib/config/schema.json&quot;, &quot;project&quot;: { &quot;name&quot;: &quot;soft-h&原创 2018-05-30 19:51:10 · 1615 阅读 · 0 评论 -
angular4项目搭建总结
项目搭建步骤1:设置开发环境首先安装Node.js和npm,安装地址(在终端/控制台窗口中运行命令&amp;amp;amp;nbsp;node -v&amp;amp;amp;nbsp;和&amp;amp;amp;nbsp;npm -v查看版本 )然后全局安装 Angular CLI。npm install -g @angular/cli步骤2:创建新项目ng new SoftH步骤3:启动项目cd Sof原创 2018-05-29 11:43:59 · 1447 阅读 · 0 评论