Angularjs 如何为条件项停止离子项上的单击事件
我正在尝试为某些项目禁用“单击离子”项目。 代码是这样的Angularjs 如何为条件项停止离子项上的单击事件,angularjs,ionic,angularjs-ng-click,Angularjs,Ionic,Angularjs Ng Click,我正在尝试为某些项目禁用“单击离子”项目。 代码是这样的 <ion-item class="item (app.app_id==='isDivider')?'item-divider':'' no-border padding-20-10" collection-repeat="app in apps" item-width="(app.app_id==='isDivider')?5000:90" item-height="(app.app_
<ion-item class="item (app.app_id==='isDivider')?'item-divider':'' no-border padding-20-10"
collection-repeat="app in apps"
item-width="(app.app_id==='isDivider')?5000:90"
item-height="(app.app_id==='isDivider')?70:105"
ng-click="(app.app_id==='isDivider')||listDetailsOfApps();item.clicked = true"
stop-event="click">
如果app.app_id是isDivider,但仍然可以单击,那么它实际上现在不会调用
如何使其不可点击,因为它是标题,不应点击将其放入控制器中的$scope函数中,以检测并运行可点击项目的其他操作: 控制器: 视图: 在以下情况下,重复标签内的项目并使用ng:
它仍然可以点击。。。我希望它不可点击。到现在为止,我已经使压制的颜色成为非压制的颜色。但这只是一个黑客哦,现在我明白你想做什么了,让我更新答案。
$scope.clickCheck = function(app){
if(app.app_id==='isDivider'){
//action for the divider. (should do nothing)
}else{
//action for the clickable item. (set item.clicked=true)
}
}
<div collection-repeat="app in apps">
<ion-item ng-if="app.app_id==='isDivider'" class="item-divider no-border padding-20-10"
item-width="5000"
item-height="70">
<ion-item ng-if="app.app_id!=='isDivider'" class="no-border padding-20-10"
collection-repeat="app in apps"
item-width="90"
item-height="105"
ng-click="item.clicked=true">
</div>