Атрибут click-click

Question

Атрибут click-click

0

У меня есть span с атрибутом ng-click = "...". Ng-click слегка изменяет CSS-диапазон в DOM, чтобы он был более похожим на кнопки. В моем приложении я хочу переключить, доступен ли этот диапазон или нет. Я могу сделать ng-click не делать ничего достаточно простого, но я бы предпочел просто удалить/отключить атрибут вообще. Это делается для того, чтобы избежать "блокировки", которую ng-click делает с элементом. Также было бы неплохо, если бы атрибут был вновь включен, если интерактивные переменная снова становится истинным.

Я хотел бы получить решение, которое позволит избежать использования $ scope. $ Watches, потому что мое приложение довольно большое, а часы медленные.

Благодарю!

Samuel Davidson 25 нояб. 2015, в 18:53

Источник

2

Я думаю, что у вас может быть два пролета с атрибутом ng-click и без него, и на основании этой переменной, которую можно активировать, вы управляете этими двумя отрезками с помощью ng-if или ng-show .
Achu 25 нояб. 2015, в 17:42
0

Это хорошая идея, спасибо!
Samuel Davidson 25 нояб. 2015, в 17:43
0

Я собирался дать то же решение, что и @Achu. Пожалуйста, отправьте его как ответ, чтобы вопрос мог быть проверен как ответ.
Maarten Bicknese 25 нояб. 2015, в 17:45
0

@MaartenBicknese Спасибо за предложение. Я сделал, как вы сказали.
Achu 25 нояб. 2015, в 18:16

Показать ещё 2 комментария

Теги:

html

angularjs

3 ответа

1

Простое решение, предложенное Ачу !

Просто используйте два пролета вместо того, чтобы переключать атрибут на одном интервале.

<span ng-if="clickable" ng-click="...">Click me!</span>
<span ng-if="!clickable">Cant click me!</span>

Samuel Davidson 25 нояб. 2015, в 16:46

0

meta.stackexchange.com/a/5235
Maarten Bicknese 25 нояб. 2015, в 18:00
0

i.imgur.com/KFZO4VV.png
Samuel Davidson 25 нояб. 2015, в 18:02
0

Ха. Еще одна вещь, которую я узнал о SO :)
Maarten Bicknese 25 нояб. 2015, в 18:11

Показать ещё 1 комментарий

0

Если бы я был в такой ситуации, я бы не попытался enable или disable атрибут ng-click. Скорее, я бы использовал некоторую флаговую переменную с $scope чтобы увидеть, должна ли функция щелчка выполнять свою функциональность или нет, как в вашем контроллере, у вас есть метод, подобный

$scope.spanClick = function(){
    if(!$scope.shouldClick){
       return;//simply do nothing       

    }
    //Do button click logic
}

Muhammad Adeel Zahid 25 нояб. 2015, в 15:37

0

Я сделал это. Чего я пытался избежать, так это небольшого количества «кнопочных» CSS, которые ng-click делает с элементом.
Samuel Davidson 25 нояб. 2015, в 17:45

Ещё вопросы

Я думаю, что у вас может быть два пролета с атрибутом ng-click и без него, и на основании этой переменной, которую можно активировать, вы управляете этими двумя отрезками с помощью ng-if или ng-show .
Я собирался дать то же решение, что и @Achu. Пожалуйста, отправьте его как ответ, чтобы вопрос мог быть проверен как ответ.
@MaartenBicknese Спасибо за предложение. Я сделал, как вы сказали.
Ха. Еще одна вещь, которую я узнал о SO :)
Я сделал это. Чего я пытался избежать, так это небольшого количества «кнопочных» CSS, которые ng-click делает с элементом.

Achu · Accepted Answer · 2015-11-25T15-37-00.000Z

Я думаю, что у вас может быть два пролета с атрибутом ng-click и без него, и на основе этой переменной с ng-click вы управляете этими двумя пролетами с помощью ng-if или ng-show