分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

angularjs关于checkbox和bootstrap不能选中BUG

发布时间:2023-09-06 01:17责任编辑:赖小花关键词:jscheckbox

在使用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,底层原因没有追查,毕竟 我是个后台

一点点坑:

angularjs作为后台的还是用ui-router,真的蛋疼,很浪费时间,直接前台用用做个分离就可以了

angularjs关于checkbox和bootstrap不能选中BUG

原文地址:http://www.cnblogs.com/zx-admin/p/7667808.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved