Angular Js ng-disabled цвет кнопки остается неизменным независимо от того, включена она или включена

0

Я использую функцию angialar js ng-disable для отключения кнопки, когда это уместно. Он работает нормально, но пользователь с трудом говорит, отключена ли кнопка или нет, так как она не полностью серая. Если вы наведите курсор на кнопку, вы можете сказать, что она отключена, но цвет кнопки выглядит так же, как если бы он был отключен. Существует ли стандартный стиль, который будет более понятным для пользователя, когда он станет отключенным. Я не очень много работал со стилями, поэтому я прошу прощения, если это что-то obviouse.

спасибо os

2 ответа

2
Лучший ответ

Вы можете уменьшить непрозрачность кнопки. Предполагаемая кнопка имеет класс disableButton

Также вы можете добавить этот класс "disableButton" в ng-классе, указав условие, которое вы дали для ng-disabled

Для кнопки: (согласно вашему комментарию)

<button data-ng-hide="isDisabled" type="button" ng-class="{'disableButton': isDisabled}" ng-disabled="isDisabled">Submit</button>

<img src="images/image_name.jpg" data-ng-show="isDisabled">

CSS: Кроме того, если вы не хотите использовать изображение, вы можете использовать ниже CSS, чтобы сделать его лучше

.disableButton{
    opacity: 0.35; 
    background: #eee;
    color: #444;
}
  • 0
    Спасибо, я только что нашел отключенный файл .jpg, который я могу использовать, как я могу использовать это другое изображение, когда оно отключено
  • 0
    Я бы не рекомендовал использовать изображение только для того, чтобы показать, что кнопка отключена. Тем не менее, если вы хотите использовать его, проверьте мои правки
Показать ещё 1 комментарий
0

В контроллере

$scope.isDisabled=true; // when you want to disable the button

В кнопке

<button type="button" ng-class="{isDisabled ?'Button':'disableButton'}"     ng-disabled="isDisabled" >Submit</button>

В Css

.disableButton{
background-color:#ffff; }'enter code here'
.Button{
background-image:url('your url of the image'); 
}ter code here
  • 0
    Код добавит класс Button с фоновым изображением, если кнопка не отключена, что не соответствует требованиям задаваемого вопроса.
  • 0
    Это правильно, я думаю ..

Ещё вопросы

Сообщество Overcoder
Наверх
Меню