如果不滿足條件，我想禁用放置

Question

這是我的控制器代碼：

$scope.drop=  function (ev) {
        ev.preventDefault();
$scope.openDialog = function($event) {
        if(true){
//allow drop
}
            if(false){
                //disable drop
                }

             }

這是我的用於拖放方法調用的html代碼：

在這里，我創建了一個表，如果條件滿足，我要刪除該表TD。

<td ng-repeat="col in input_columns" ondrop="angular.element(document.getElementById('table')).scope().drop(event)" ondragover="angular.element(document.getElementById('table')).scope().allowDrop(event)" ng-click="openDialog($event)" tempValue="">&lt;enter data&gt;</td>

現在，如果不滿足條件，我如何禁用角度下降

Answer 1

的HTML

ondrop="{{colDropEvent()}}"

Java腳本

$scope.colDropEvent = function() {
    if (your_condition) {
        angular.element(document.getElementById('table')).scope().drop(event);
    }
}

您還可以放置ng-class並嘗試使用CSS： pointer-events: none