Javascript 基于条件的角度触发器Div Click

我需要根据某些条件禁用单击某些div。有人能指引我吗？当前am使用的是禁用的ng，该功能不起作用

下面的工作演示供您播放

.aw右窗格内容{高度：200px；宽度：200px；}
已选择.aw数据类型{背景：绿色；}
.图表{
高度：30px；宽度：30px；
边框：1px实心#ccc；
边距：20px 0 0 10px；}

{{chart.name}

您可以按如下方式执行：

<div class="aw-right-pane-content" 
 ng-init="chartsOfSelectedDatatype=[{name:'Chart1',selected:false,clickable:false},   {name:'Chart2',selected:false,clickable:true},{name:'Chart3',selected:false,clickable:true},{name:'Chart4',selected:false,clickable:false}]">
  <div data-ng-repeat="chart in chartsOfSelectedDatatype" class="aw-right-pane-charts" >
      <div ng-click="chart.clickable ? chart.selected = !chart.selected: ''" class="charts" ng-class="{'aw-dataType-selected':chart.selected}"></div>
      <div class="aw-right-pane-charts-name"> {{chart.name}}</div>
  </div>
</div>

{{chart.name}

您可以按如下方式执行：

<div class="aw-right-pane-content" 
 ng-init="chartsOfSelectedDatatype=[{name:'Chart1',selected:false,clickable:false},   {name:'Chart2',selected:false,clickable:true},{name:'Chart3',selected:false,clickable:true},{name:'Chart4',selected:false,clickable:false}]">
  <div data-ng-repeat="chart in chartsOfSelectedDatatype" class="aw-right-pane-charts" >
      <div ng-click="chart.clickable ? chart.selected = !chart.selected: ''" class="charts" ng-class="{'aw-dataType-selected':chart.selected}"></div>
      <div class="aw-right-pane-charts-name"> {{chart.name}}</div>
  </div>
</div>

{{chart.name}

不能使用

ng disabled

禁用div。可能的解决方案是，可以为没有光标事件的禁用元素添加

ng类

，也可以使用

字段集

代替div

第一个解决方案-使用

ng类

并更改脚本处理可单击属性

.aw右窗格内容{
高度：200px；
宽度：200px；
}
.aw数据类型已选定{
背景：绿色；
}
.图表{
高度：30px；
宽度：30px；
边框：1px实心#ccc；
利润率：20px 0 10px；
}
.残疾人{
不透明度：0.4；
光标：不允许；
}
{{chart.name}-{{chart.clickable}

不能使用

ng disabled

禁用div。可能的解决方案是，可以为没有光标事件的禁用元素添加

ng类

，也可以使用

字段集

代替div

第一个解决方案-使用

ng类

并更改脚本处理可单击属性

.aw右窗格内容{
高度：200px；
宽度：200px；
}
.aw数据类型已选定{
背景：绿色；
}
.图表{
高度：30px；
宽度：30px；
边框：1px实心#ccc；
利润率：20px 0 10px；
}
.残疾人{
不透明度：0.4；
光标：不允许；
}
{{chart.name}-{{chart.clickable}

您可以在不需要单击的元素上应用公共

类

，并应用

指针事件：无相同

在这种情况下，最好使用CSS而不是Javascript。
您可以在不需要单击的元素上应用公共的
类
，并应用
指针事件：无相同

在这种情况下，CSS应该总是首选，而不是Javascript。
我不知道这是否是问题所在，但是
ng disabled=chart。clickable
应该是
ng disabled=“chart.clickable”
我不知道这是否是问题所在，但是
ng disabled=chart.clickable
应该是
ng disabled=“chart.clickable”
@ranakrrunal9，感谢您的输入。我需要单独的点击处理程序以及attached@ranakrrunal9，谢谢你的意见。我需要单独的点击处理程序以及被附加