随笔分类 -  angular2

angular2学习中
angular2多组件通信流程图
摘要：知识点1：组件属性的双向绑定，需要在属性+Change 作为Output方法返回即可。 知识点2：更新子组件的值，不会引起output触发，父组件不会更新绑定的值 知识点3：属性的双向绑定，只会子组件在emit时候，才会触发output输出更新父组件的值，且只会更新emit方法内的值，而不是子组件属 阅读全文
posted @ 2017-03-27 17:52 Liuyt 阅读(1093) 评论(0) 推荐(0)
angular2 表单的理解
摘要：angular2表单分为两种，一种为模板驱动，一种为模型驱动； 个人理解两者的不同 模板驱动依靠H5规则进行验证，在提交表单时进行自定义验证； 模型驱动在加载时候已经加载了所有的验证自定义验证，所以不必再提交时再进行自定义验证，在提交时只需要验证表单是否整体是否验证成功即可。 angular2如何使 阅读全文
posted @ 2017-03-16 11:57 Liuyt 阅读(229) 评论(0) 推荐(0)
angular2 通过指令限制输入
摘要：最近在写一个表单，有些输入框只能输入数字，单又不想每次写表单的时候，都要去验证输入的是不是数字， 那么就想到直接限制只能输入数字，通过指令实现 这里需要注意的是，不只更改DOM的值，如果input为数据绑定的值，需要更新绑定值， 所以需要引入NgModel,通过viewToModelUpdate,来 阅读全文
posted @ 2016-09-20 12:10 Liuyt 阅读(4102) 评论(4) 推荐(0)
angular2采用自定义指令（Directive）方式加载jquery插件
摘要：由于angular2兴起不久，相关插件还是很少，所以有时候不得不用一些jquery插件来完成项目， 那么如何把jquery插件放到angular2中呢？采用自定义指令！ 在上下文之前要引入jquery，这点不再描述 首先创建一个指令，采用@input方式，来获取jquery插件所需要的参数。 在ng 阅读全文
posted @ 2016-08-26 14:04 Liuyt 阅读(5586) 评论(4) 推荐(1)
angular2 国际化实现
摘要：angular2国际化通过管道（pipe）的形式实现下载ng2-translate 如何使用可以参照https://github.com/ocombe/ng2-translate 自己写了一个小DEMO，可以在dev分支查看https://github.com/lyt308012546/ng2-we 阅读全文
posted @ 2016-08-15 10:34 Liuyt 阅读(1055) 评论(0) 推荐(0)
angular2如何按需加载？
摘要：angular2用webpack打包每次都只打包成单个mian文件，很大，例如页面中的关于我们，联系我们这样的页面，用户可能几乎不会打开，但是我们还是每次都要让用户加载，体验很不好， 这样就需要按需加载，当不长访问的页面，我们就单独打包成一个页面，当客户访问时，再去加载JS文件。 那么angular 阅读全文
posted @ 2016-08-15 10:14 Liuyt 阅读(7424) 评论(0) 推荐(0)
如何把bootstrap用webpack打包
摘要：今天下载了一个anguarl2写后台，一直没有找到是如何使用bootstrap样式的，然后就全文做了搜索，发现有一段代码 import 'bootstrap-loader'; 这段代码很可疑，所以就查了一下，发现确实是bootstrap-loader将bootstrap引入的。 以下是相关资料 ht 阅读全文
posted @ 2016-07-26 18:18 Liuyt 阅读(11306) 评论(0) 推荐(0)
typings的理解
摘要：简介一些js库扩展了JavaScript的特性和语法，但是TypeScript编译器并不识别，通过typings.json配置可以辅助IDE，给出有智能的提示信息，以及重构的依据。因此需要在typings.json文件中配置TypeScript类型定义文件（文件名后缀为.d.ts）自己的理解typi 阅读全文
posted @ 2016-07-20 14:03 Liuyt 阅读(9946) 评论(0) 推荐(2)
CommonsChunkPlugin的使用（关于angular2中的polyfills和vendor的疑问解决）
摘要：seed: angular2-webpack-starter(在github上可以找到) polyfills:提供api以方便兼容不同的浏览器 vendor：项目插件扩展 在学习ng2中一直不明白为什么src目录要放这两个文件，入口文件中并没有引用这两个文件，而只是在index.html中引用。 w 阅读全文
posted @ 2016-07-20 14:01 Liuyt 阅读(1830) 评论(0) 推荐(0)
在package.json中配置Script执行npm run tslint报错问题
摘要：今天在学习tslint的时候，按照git clone下angular2-webpack-starter的代码执行npm run lint时，虽然代码进行了检测，但检测完成后npm始终报错， 经过google一番，终于找到解决方案 原因是因为，当npm执行script完成时，script需要返回一个状 阅读全文
posted @ 2016-07-16 20:47 Liuyt 阅读(10632) 评论(0) 推荐(0)