Arhn - архитектура программирования

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

Я пытаюсь отключить нажатие на 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, но все еще доступен для клика.

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

angularjs angularjs-ng-click ionic
01.11.2015

Ответы:


1

Поместите его в функцию $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>
01.11.2015
  • Он по-прежнему доступен для кликов... Я хочу, чтобы он не был кликабельным. на данный момент я сделал прессованный цвет таким же, как непрессованный. Но это всего лишь взлом 02.11.2015
  • О, теперь я понимаю, что вы пытаетесь сделать, позвольте мне обновить ответ. 02.11.2015
    • Новые материалы
    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..