- 博客(5)
- 收藏
- 关注
RSS订阅原创 Angular2 表单form
angular2的表单主要用到了ngForm，ngModel，ngSubmitngSubmit对应的函数是我们提交表单调用的函数angular2通过ngForm将按钮的禁用/启用状态和表单的有效性关联起来#loginForm、#username和#userpwd都是angular2中的模板引用变量；#username和#userpwd可以监控input输入框的状态，#loginForm可以用来监控表
2016-11-29 22:43:53
6150
2
原创 Angular2 可编辑的(editable)select
最近项目非常急，需要用到可编辑的select，jquery应该有很多插件，但是boss要求尽量不要在ng2中直接使用jquery，不要直接使用jquery操作dom。其实github上已经有ng2可用的库primeng对于一个初入前端的我来说短时间内研究明白primeng有点困难，于是我就取巧用了个交互不是很好的方法实现了这个功能，使用ngModel对input和select绑定同一个变量，就实现了
2016-11-25 19:32:07
2190
原创 Angular2 管道pipe，如何自定义管道
作为一名前端er，我们的数据要推入到视图中，但是HTML视图中显示的格式和数据未必完成相同，比如我们的数据都是小写，但是视图中需要显示大写，如果我们在代码中另存一组转换为大写的数据，不但会使代码变得复杂难以维护，而且可阅读性差，ng2中的管道完美的解决了这个问题。ng2内置了很多管道，比如DatePipe 、 UpperCasePipe 、 LowerCasePipe 、 CurrencyPipe
2016-11-20 15:18:44
7642
3
原创 Angular2 单选框用法
html中单选框用法如下，checked用来选中默认的单选项：<input type="radio" name="sex" value="male" checked>Male<input type="radio" name="sex" value="female">Female如果使用[(ngModel)]绑定后，checked就不再生效，此时默认选中项与绑定的sex值相关,设置ngmodel绑
2016-11-13 15:07:47
7163
原创 Angular2 select用法-设置默认值和事件
angular2支持双向绑定，在使用select下拉框主要通过ngModel和ngModelChange实现选择事件比如现在有三个学生小明，小红，小黑，对双向绑定的student设置你想要的select值就可以在下拉框默认选中let students:string[]=['xiaoming','xiaohong','xiaohei'];let student:string='';let info
2016-11-09 22:06:55
28147
8
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人