Я использую функцию angialar js ng-disable для отключения кнопки, когда это уместно. Он работает нормально, но пользователь с трудом говорит, отключена ли кнопка или нет, так как она не полностью серая. Если вы наведите курсор на кнопку, вы можете сказать, что она отключена, но цвет кнопки выглядит так же, как если бы он был отключен. Существует ли стандартный стиль, который будет более понятным для пользователя, когда он станет отключенным. Я не очень много работал со стилями, поэтому я прошу прощения, если это что-то obviouse.
спасибо os
Вы можете уменьшить непрозрачность кнопки. Предполагаемая кнопка имеет класс 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;
}
В контроллере
$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