angular
Coding秀林
从事web前端开发工作,热爱篮球。
展开
-
ngModel 值不更新 界面不展示(转自博客园雪狼博客)
ngular中的$scope是页面(view)和数据(model)之间的桥梁,它链接了页面元素和model,也是angular双向绑定机制的核心。而ngModel是angular用来处理表单(form)的最重要的指令,它链接了页面表单中的可交互元素和位于$scope之上的model,它会自动把ngModel所指向的model值渲染到form表单的可交互元素上,同时也会根据用户在form表单转载 2017-05-04 15:46:32 · 1326 阅读 · 0 评论 -
angularjs ng-click 阻止事件冒泡
废话不多说具体场景如下: 点击深色方形区域选中改条数据,点击详情按钮显示该数据对应的单据详情,但是问题出在点击详情的时候不仅展示了单据详情,同时执行了选中当前数据的操作(点击事件冒泡到了父元素上),所以解决该问题在于要阻止事件冒泡。 于是去查看关于ng-click的文档,官方文档这样描述: 可见事件对象是$event。 所以我们可以在事件触发的时候传入$event 然后做阻止事件原创 2017-05-25 22:17:15 · 1923 阅读 · 0 评论 -
angularjs巧用双向数据绑定实现手风琴效果
最近在工作总遇到需要实现类似手风琴效果的需求,如下图所示: 因为汇总(上半部分)和明细(下面的浅色部分)在不同的情况下显示的字段数量是不一样的,而且还有编辑和展示的状态切换,所以需要自己实现手风琴效果。 初步的想法是用css的transform做动效,点击详情按钮(或中间部分的下拉图标)时请求详情数据,然后将详情部分的height设置成指定高度,再次点击详情按钮(或中间部分的下拉图标),详情原创 2017-05-26 11:42:07 · 1123 阅读 · 0 评论 -
angularJS 路由不能正常工作 URL中出现#!
使用ng-route大于1.6.0的版本时,地址中的 "/" 会自动被解析 而且还会在URL地址中加入#! 导致路由不能正常的工作 如图所示 解决此问题的方法有两种 :1、如果坚持使用当前版本的angular则在配置路由时添加如下代码$locationProvider.hashPrefix('');代码如下所示var myApp原创 2017-04-24 14:58:14 · 5282 阅读 · 2 评论