дизайн кнопки с использованием угловых JS

html css3

32 просмотра

1 ответ

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

<script>
function setColor(btn, color){
    var count=2;
    var property = document.getElementById(btn);
    if (count == 0){
        property.style.backgroundColor = "#FFFFFF"
        count=1;        
    }
    else{
        property.style.backgroundColor = "#A9A9A9"
        count=0;
    }

}
</script>
<!DOCTYPE html>
<html>
<head>
</head>

<body>

<input type="button" id="button" value = "button"  onclick="setColor('button', '#101010')";/>

</body>
</html>

Автор: Anuroop.k Источник Размещён: 08.11.2019 11:01

Ответы (1)


1 плюс

Вы должны использовать комбинацию ng-class& ng-clickдирективы. Как вы могли бы переключаться isSelectedна основе buttonщелчка и ng-classпозаботится о том, какой класс должен применяться.

CSS

.no-color{
  background-color: #FFFFFF
}

.custom-color{
  background-color: #A9A9A9
}

HTML

<input type="button" ng-class="{ 'no-color': !isSelected, 'custom-color': isSelected }" 
  value = "button"  ng-click="isSelected = !isSelected"/>

Демо Здесь

Автор: Pankaj Parkar Размещён: 20.08.2016 07:38
Вопросы из категории :
32x32