как остановить событие click на ion-item для условных элементов ionic

Question

как остановить событие click на ion-item для условных элементов ionic

0

Я пытаюсь отключить щелчок на ion-item для некоторых предметов. Код выглядит примерно так:

<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 но все же app.app_id isDivider.

Как сделать его не кликабельным, поскольку он является заголовком, и его нельзя кликать

Iftikhar 01 нояб. 2015, в 15:51

Источник

Теги:

angularjs

angularjs-ng-click

ionic

1 ответ

Ещё вопросы

Nam Pham · Answer 1 · 2015-11-01T13-49-00.000Z

Поместите его внутри функции $ scope в вашем контроллере, чтобы обнаруживать и запускать другие действия для интерактивного элемента:

контроллер:

$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> и используйте ng-if:

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

Он все еще кликабелен ... Я хочу, чтобы он не кликабелен. на данный момент я сделал прессованный цвет таким же, как и неотжатый. Но это всего лишь взлом
О, теперь я понимаю, что вы пытаетесь сделать, позвольте мне обновить ответ.