Question

我有一个复选框，我想让它不可点击。但它还附加了ng-click功能。怎么做？

<input id="record-2" type="checkbox" class="checkbox"  ng-click="doIfChecked()">

我尝试添加ng-readonly，ng-disabled但它没有用。我添加了css指针 - 事件：无，但它不起作用。我希望此复选框不能在布尔值true / false表达式上单击。任何想法？

Answer 1

你能否在ng-click功能中处理不可点击的条件？如果没有，那么：

<input ng-disabled="disableCondition" id="record-2" type="checkbox" class="checkbox"  ng-click="disableCondition?(return false):doIfChecked()">

上面的内容对你有用。

<强>说明：如果您知道禁用输入的条件，则使用相同的条件有条件地调用该函数或在单击时返回false。也可以在ng-click处理程序中处理相同的逻辑。

Answer 2

这是一个有效的sinppet

var app = angular.module("myApp", [])

app.controller("mainController", ["$scope", function($scope){
    $scope.someFlag=false;
    $scope.doIfChecked= function(){
       $scope.someFlag=true;
   }
}]);

select{
width:50%;
}

<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>

在Angular

2 个答案: