首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使复选框在角度上不可单击

使复选框在角度上不可单击
EN

Stack Overflow用户
提问于 2017-03-12 07:52:42
回答 2查看 2K关注 0票数 1

我有一个复选框,我想使它不能点击。但是它还附加了ng单击函数。怎么做?

代码语言:javascript
复制
<input id="record-2" type="checkbox" class="checkbox"  ng-click="doIfChecked()">

我试着添加ng只读,ng禁用,但它没有工作。我添加了css指针-事件:没有,但它没有工作。我希望此复选框在布尔值true/false表达式上不可单击。知道吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-03-12 07:54:44

这是一个工作的鼻孔

代码语言:javascript
复制
var app = angular.module("myApp", [])

app.controller("mainController", ["$scope", function($scope){
    $scope.someFlag=false;
    $scope.doIfChecked= function(){
       $scope.someFlag=true;
   }
}]);
代码语言:javascript
复制
select{
width:50%;
}
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="myApp">


 <input id="record-2" ng-controller="mainController"  type="checkbox"   ng-controller="mainController" class="checkbox" ng-disabled="someFlag" ng-click="doIfChecked()">
</body> 

票数 1
EN

Stack Overflow用户

发布于 2017-03-12 08:01:29

您能处理ng单击函数中不可点击的条件吗?如果没有,则:

代码语言:javascript
复制
<input ng-disabled="disableCondition" id="record-2" type="checkbox" class="checkbox"  ng-click="disableCondition?(return false):doIfChecked()">

像上面这样的东西应该对你有用。

解释:如果您知道要禁用输入的条件,那么使用相同的条件有条件地调用函数或单击时返回false。同样的逻辑也可以在ng单击处理程序中处理。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42745064

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档