angularjs使用BUG收集和解决办法
2017-10-14 16:53
405 查看
此文章涉及到时1.X的版本。请注意!
1.关于checkbox和bootstrap不能选中BUG
在使用angularjs的时候,有个比较明显的bug ng-disabled无效的情况这里是一种情况的bug
<div class="checkbox MLH-specval-item" toggle-class="selected" ng-class="{'selected':specV.selected == 1}" ng-disabled="{{specV.selected === 1}}" ng-click="toggleSpec(specInfo.k, specV.v)"> <i></i> <span>{{specV.v}}</span> </div>
这种情况下ng-disabled 是无效的,解决办法
<input type="checkbox" class="checkbox MLH-specval-item" toggle-class="selected" ng-checked="{{specV.selected === 1}}" ng-disabled="{{specV.selected === 1}}" ng-click="toggleSpec(specInfo.k, specV.v)">
就直接使用原有的控件,不适用angularjs 的 class="checkbox MLH-specval-item",还有其他的也有类似的情况,比如button按钮,无法使用
也可以使用类似方法,直接使用原生控件,在加上bootstrap的样式
这可能是angularjs和bootstrap混合使用出现的BUG,底层原因没有追查,毕竟 我是个后台开发
2.ng-model赋值触发ng-click,ng-focus事件
<input type="text" class="inp-write" ng-model="shop_name" ng-change="changeName()" ng-click="selectedShow=true" placeholder="请输入名称">
在此场景里在text框,点击响应 selectedShow=true,显示一个 ng-model="selectedShow" 的div,但是在给ng-model="shop_name" $scope.shop_name = item.name
赋值的会再次激活ng-click和ng-focus方法,ng-focus我还可以理解,但是为什么要激活ng-click,就有点奇怪,如果要实现点击text框,显示一个下拉框就得使用
ng-mouseenter="selectedShow=true" ng-mouseleave="selectedShow=false"
只能使用这个方法才能不出bug
相关文章推荐
- windows phone 8 使用一段时间后收集的bug及临时解决办法
- 【MFC BUG】error C3872: 此字符不允许在标识符中使用错误的解决办法
- hadoop2.7.0集群,使用中遇到的bug及解决办法
- (原创)spring mvc和jersey rest 组合使用时单例对像实例化两次的BUG及解决办法
- 使用 Jimi 输出 PICT 格式图像的一处 BUG 及解决办法
- 使用Hibernate+MySql+native SQL的BUG,以及解决办法
- ie63像素bug原因及解决办法不使用hack
- CSDN博客使用MarkDown编辑器bug解决办法
- 使用Hibernate+MySql+native SQL的BUG,以及解决办法
- VS2010bug 当生成或重新生成时,出现 不能复制文件(从obj\debug到bin\debug),文件正在被另一个进程使用的错误解决办法
- VSTS有Bug,分析数据库的维度和维度属性使用中文命名时候,作为报表参数会出错。虽然有解决办法但是头大。
- PHP中使用foreach和引用导致程序BUG及解决办法
- Adobe Acrobat 高亮工具使用后无法显示文字Bug解决办法
- Adobe Acrobat 高亮工具使用后无法显示文字Bug解决办法
- CSS在IE6浏览器中的bug及解决办法收集
- Eclicpse使用出现BUG汇总及解决办法,持续更新中。。。
- 一个页面使用两次timepicker.js引起的Maximum call stack size exceeded问题解决办法及bug修复
- Linux 2.4.18的内核在使用S3C2410板的USB设备时碰到的一个Bug的解决办法
- 一个页面使用两次timepicker.js引起的Maximum call stack size exceeded问题解决办法及bug修复
- Indy10线程池BUG:Idyarn线程使用Synchronize导致TerminateAllYarns挂死的解决办法