angularjs - 使用 ng-disabled 在 angularjs 中禁用 div

Question

我想使用 ng-disabled 禁用 div 部分，但它确实有效。我也试过用 fieldset 代替 div。
ng-disabled 似乎不起作用。

下面是 View 部分:

<div ng-disabled="model.disableDate">
    <div>Date</div>
    <div ion-datetime-picker ng-model="model.timeEntryDate" ng-change="onTimeEntryDateChange()" date="true" time="false" monday-first="true" am-pm="true">{{model.timeEntryDate|| "Select" | date: "dd/MM/yyyy"}} <i class="icon ion-ios-calendar-outline"></i> </div>
</div>

这是 Controller 部分:

if ($scope.model.pageState === condition) {
    $scope.model.disableDate = true;
}

即使在禁用条件下，该日历也会以任何方式弹出。

Answer 1

您不能禁用 DIV .仅禁用按钮和输入类型的工作。你可以用css试试。使用 ng-class。

<div ng-class="{ 'div-disabled': model.disableDate}"> // give condition here as per your scenario

.div-disabled
{
  pointer-events: none;
  opacity: 0.5;
  background: #CCC;
}