11 2017 档案

Template-Driven Forms 模板驱动式表单
摘要：Angular 4.x 中有两种表单： Template-Driven Forms - 模板驱动式表单 (类似于 AngularJS 1.x 中的表单 ) Reactive Forms - 响应式表单 Template-Driven Forms - 模板驱动式表单 (类似于 AngularJS 1. 阅读全文
posted @ 2017-11-29 18:39 pei~乐悠悠 阅读(767) 评论(0) 推荐(0)
Angular Reactive Forms -- Model-Driven Forms响应式表单
摘要：Angular 4.x 中有两种表单： Template-Driven Forms - 模板驱动式表单 (类似于 AngularJS 1.x 中的表单 ) 官方文档：https://v2.angular.cn/docs/ts/latest/guide/forms.html Reactive Form 阅读全文
posted @ 2017-11-29 18:09 pei~乐悠悠 阅读(698) 评论(0) 推荐(0)
Angular2 constructor VS ngOnInit
摘要：constructor和ngOnInit钩子有什么不同？ constructor constructor（构造函数）是ES6类或TypeScript类中的特殊方法，而不是Angular的方法，主要用来做初始化操作，在进行类实例化操作是，会被自动调用。通过constructor方法并不能使我们知道An 阅读全文
posted @ 2017-11-29 17:30 pei~乐悠悠 阅读(969) 评论(0) 推荐(0)
前端——实用UI组件库
摘要：Angular UI 组件 ngx-bootstrap 是一套Bootstrap 组件 官网：https://valor-software.com/ngx-bootstrap/#/ github: https://github.com/valor-software/ngx-bootstrap NG- 阅读全文
posted @ 2017-11-29 15:46 pei~乐悠悠 阅读(19819) 评论(1) 推荐(1)
Angular2 -- 生命周期钩子
摘要：组件生命周期钩子 指令和组件的实例有一个生命周期：新建、更新和销毁。每个接口都有唯一的一个钩子方法，它们的名字是由接口名加上 ng前缀构成的。比如，OnInit接口的钩子方法叫做ngOnInit。指令和组件ngOnInit：当Angular初始化完成数据绑定的输入属性后，用来初始化指令或者组件。ng 阅读全文
posted @ 2017-11-28 15:56 pei~乐悠悠 阅读(1058) 评论(0) 推荐(0)
css属性之flex属性
摘要：flex属性 规定了弹性元素如何伸长或缩短以适应flex容器中的可用空间。是一个简写属性，可以同时设置flex-grow, flex-shrink, flex-basis三个子属性。 语法 flex属性可以指定1个，2个或三个值。 单值语法： 值必须为以下其中之一： 一个无单位数（<number>） 阅读全文
posted @ 2017-11-23 12:42 pei~乐悠悠 阅读(1620) 评论(0) 推荐(0)
Sublime插件安装
摘要：首先你得安装好Sublime，下载官网http://www.sublimetext.com/3；目前最新版本是Sublime Text 3。裸装的Sublime是没有Package Control功能的。 1、安装Package Control 打开Sublime，按下“Ctrl + ~”键，打开命 阅读全文
posted @ 2017-11-10 11:50 pei~乐悠悠 阅读(283) 评论(0) 推荐(0)
Angular2 *ngFor把数据显示在多个input中出错解决方法
摘要：点击添加按钮会自动添加一个空的input组 html js 出现的问题是，当我在第一行input中分别添加上数据xxx，ddd后，再次点击添加按钮，此时页面刷新，添加一个空的input行，此时有两行，而第一行input中填好的值却不见了，查看元素它的model属性明明又是绑定了刚输入的值的，页面上怎 阅读全文
posted @ 2017-11-09 12:27 pei~乐悠悠 阅读(1994) 评论(3) 推荐(2)
form表单提交行为
摘要：项目中有一个表单如下图，当我填完数据源名称这个input后，点击回车键本意是想跳到下一个input处，然而呢却触发了下面的添加这个按钮的事件，这是怎么回事呢，明明添加这个按钮并没有设置type="submit"呀，经过一番查询终于知道了，表单中的button若没有设置type属性它默认是submit 阅读全文
posted @ 2017-11-09 11:22 pei~乐悠悠 阅读(593) 评论(0) 推荐(0)
Angular2 Pipe
摘要：AngularJs 1.x 中使用filters来帮助我们转换templates中的输出，但在Angular2中使用的是pipes，以下展示Angular 1.x and Angular 2中filter和pipe的对比： Basic Pipes 结果： New Pipes decimal和perc 阅读全文
posted @ 2017-11-08 16:24 pei~乐悠悠 阅读(1359) 评论(0) 推荐(0)
Angular4.x Event (DOM事件和自定义事件)
摘要：Angular组件和DOM元素通过事件与外部进行通信，两者中的事件绑定语法是相同的-(eventName)="expression": DOM元素 DOM 元素触发的一些事件通过 DOM 层级结构传播，事件首先由最内层的元素开始，然后传播到外部元素，直到它们到根元素，这种传播过程称为事件冒泡。 DO 阅读全文
posted @ 2017-11-06 12:35 pei~乐悠悠 阅读(24095) 评论(1) 推荐(1)