Data-toggle='button' только после проверки условия в угловом компоненте

Нужно проверить какое-то условие при нажатии, и если оно возвращает true, то переключить, где было нажато

<div class = "btn-group btn-group-toggle" data-toggle = "buttons">
    <label class = "btn btn-secondary active" (click)='example()'>
        <input type = "radio" name = "options" id = "option1" autocomplete = "off" checked> Active
    </label>
    <label class = "btn btn-secondary"  (click)='example()'>
        <input type = "radio" name = "options" id = "option2" autocomplete = "off"> Radio
    </label>
    <label class = "btn btn-secondary"  (click)='example()'>
        <input type = "radio" name = "options" id = "option3" autocomplete = "off"> Radio
    </label>
</div>

Вы можете передать $event в example(), что даст вам доступ к свойствам события, таким как target и target.name/target.id. Как минимум попробуйте следующее. Измените обработчик в шаблоне на передачу $event(click)='example($event)'. Затем обновите обработчик, чтобы принять аргумент $event и использовать его по мере необходимости example($event) { console.info($event.target); }?

— 15.04.2019 19:34

html angular user-interface bootstrap-4

15.04.2019 19:27

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

736

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете использовать такой метод:

status:boolean;
someMethod(value: string): void {
this.status = value;

if (your condition) {
  //Your operation here
} else {
 //your other work.
}

}

Здесь статус поможет вам сохранить значение и применить ваше условие.

06.12.2019 11:23

Другие вопросы по теме

Контроллер API ядра .NET никогда не получает тело от клиента Angular

Как изменить метку месяца в средстве выбора даты совы?

Как динамически отображать значение ul li из образца json в angular 6

«Невозможно прочитать свойство null» внутри канала — Angular 7

Угловой материал с данными. Как я могу поместить динамическую таблицу (массив в массив)?

Как исправить проблему с подпиской Behavioursubject от службы к компоненту

Открывать только одно модальное окно при нажатии кнопки

Angular импортирует внешний файл javascript, не получает экспортированного члена и ошибок компиляции

Почему я должен использовать ':host/deep/.className' для выбора элемента, который динамически создается с помощью angular?

Angular: ошибка экземпляра объекта, невозможно установить свойство

Data-toggle='button' только после проверки условия в угловом компоненте

Ответы 1

Другие вопросы по теме

Похожие вопросы