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 · 544 阅读 · 0 评论 -
angular4 报错记录
###angular4 报错记录 1.Can’t bind to ‘routerLink’ since it isn’t a known property of ‘a’… 解决办法:在模块中引入RouterModule import { Routes, RouterModule } from '@angular/router'; const routes: Routes = []; @NgModu...原创 2019-03-27 14:50:40 · 572 阅读 · 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 · 1477 阅读 · 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 · 304 阅读 · 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 · 473 阅读 · 0 评论 -
angular4 项目设置端口号
angular4 项目设置端口号 一般项目默认的端口号是4201 .angular-cli.json文件中: "defaults": { "styleExt": "scss", "component": {}, "serve": { "po原创 2019-01-17 14:41:24 · 872 阅读 · 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 · 936 阅读 · 0 评论 -
angular4相同路由间的页面跳转
相同路由间的页面跳转,页面不刷新的问题 例: 切换单位之后路由仍为/home,但不同组织的首页配置不同(包括banner,公告等等),如果直接跳转/home的话,页面不会进行刷新而且参数(id)也不会发生任何变化; 方法一: this.router.navigate(['home',{id:value}]); //后面带个参数,页面就会刷新 此时,页面刷新了,有些原始数据已经渲染上去,...原创 2018-12-14 15:10:09 · 1429 阅读 · 0 评论 -
转换文字方式
转换文字方式 方法1: getCourseType(value) { let texts = { 'ONLINE': '在线', 'OFFLINE': '面授' }; return texts[value] || ''; } 方法2: // 判断图标 returnIcon(value) { switch (value) { case 'pdf'...原创 2018-10-30 15:38:13 · 262 阅读 · 0 评论 -
angular4学习笔记(基础篇)
第二章学习笔记 Angular程序架构 组件:是Angular应用的基本构建块,你可以把一个组件理解为一段带有业务逻辑和数据的html 模块:模块用来将应用中不同的部分组织成一个Angular框架可以理解的单元 服务:用来封装可重用的业务逻辑 指令:允许你向html元素添加自定义行为 环境搭建 第三章 使用Angular Route路由 路由基础: 路由传参: ...原创 2018-07-25 14:31:13 · 573 阅读 · 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 · 1632 阅读 · 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 · 1483 阅读 · 0 评论