Angular表单验证分为两种验证:1.内置验证(required,minlength等);2.自定义验证(正则表达式)。 接下来我们用一个注册账号的demo来看一下这两种验证是如何实现的。 项目界面 一、内置验证 其中账户名有required验证和最短长度验证,其他两个只有required验证 1 ...
分类:
其他好文 时间:
2017-11-13 13:41:00
阅读次数:
247
项目中有一个高级参数配置页面,进来有个提示,输入正确的名称点击确定才能看到系统高级配置项,如果点击关闭的话,直接跳转回之前的页面。 跳转好做,直接 $state.go() 就可以. 但获取之前页面路由。。。查了半天百度也没有个答案,都是些 $on、$watch 的方法,尝试了好几个,也没成功。 想着 ...
分类:
其他好文 时间:
2017-11-13 13:36:07
阅读次数:
438
Angualr是一款来自谷歌的开源的web前端框架,诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。 根据项目数统计angular(1.x 、2.x 、4.x、angular5.x)是现在网上使用量最大的 ...
分类:
其他好文 时间:
2017-11-13 13:34:34
阅读次数:
151
转自阮一峰: 最近写的一些小东西,总是出各种各样的问题,用了angular.js反应居然比我的jQuery还慢,客户吐槽了,我又把一个小操作,改成了jQuery.浏览一下大神的的博客。转载一点东西: 《Javascript语言精粹》 该书的作者是Douglas Crockford,他是目前世界上最精 ...
分类:
编程语言 时间:
2017-11-13 11:35:42
阅读次数:
273
1、ng-app=" " 定义angularJS的使用范围; 2、ng-init="变量=值;变量='值'" 初始化变量的值,有多个变量时,中间用分号隔开; 3、ng-model="变量" 定义变量名; 4、ng-bind="变量" 绑定变量名,获取该变量的数据。这里的变量就是第3条的变量名。但是一 ...
分类:
Web程序 时间:
2017-11-12 17:32:16
阅读次数:
163
app.module.ts update product.component.ts assets/json/product.json add ...
分类:
Web程序 时间:
2017-11-12 13:29:13
阅读次数:
459
使用 cdkObserveContent 能让我们监听到 ng-content 内部的变化. 比如某个值换了,或则某个 element 被移除了等等. 在 onpush 的情况下, 通常上面这种 ng-content 的设计, 我们会希望如果 content 改变了, 当前模板也 detechcha ...
分类:
其他好文 时间:
2017-11-12 12:34:30
阅读次数:
139
Portal 的主要使用场景是 dynamic component 动态的插入模板或组件. Portal 可分为 2 种. 进入和出去 (in or out) ComponentPortal, TemplatePortal 属于第一种 in PortalOutlet 属性 out TemplateP ...
分类:
其他好文 时间:
2017-11-12 12:32:04
阅读次数:
159
简单说就是 js 的 media query. 1. BreakpointObserver ng 还包装了一个 observe 方便我们监听 view port 的变化. 此外 ng 也依据 material 的标准提供了一个 enum 方便我们写匹配. 2. MediaMatcher 这个是底层服 ...
分类:
其他好文 时间:
2017-11-12 12:25:45
阅读次数:
90
inline Array annotation的形式是: ...
分类:
Web程序 时间:
2017-11-12 12:25:08
阅读次数:
187