Отключить текст span в angularjs

0

Как отключить текст, присутствующий в диапазоне с использованием угловых символов. ng-disabled не работает в моем случае.

Вот мой промежуток

<span ng-click="clickMe()" ng-if="true" ng-disabled="true">Click Me!</span>
  • 0
    В некоторых случаях вы можете ничего не делать в обработчике кликов.
  • 0
    что вы имеете в виду, когда говорите отключить?
Показать ещё 1 комментарий
Теги:

3 ответа

1

Как можно disabled или enabled span?

Он может hide или show.

Косвенно вы можете это сделать

$scope.clickMe=function(){
   $scope.disable=!$scope.disable;
   if(!$scope.disable)
     return;
  // enable code
}
0

Я считаю, что ваш вопрос слишком широк. Пролет не имеет отключенного состояния, поэтому то, что вы делаете, на самом деле не имеет никакого смысла. Это имело бы смысл иметь директиву ng-disabled, установленную на чем-то вроде кнопки.

Если вы просто скрываете текст, вы можете использовать ng-if, который у вас уже есть, или вы можете использовать директиву ng-show. Например

<div ng-init="shouldShow = true">
    <button ng-click="shouldShow = false">Hide Div</button>
    <span ng-show="shouldShow">Text to hide</span>
    <span ng-if="shouldShow">Text to hide</span>
</div>

Хотя в этом случае и ng-show, и ng-if делают то же самое, они выполняют разные цели. ngShow будет отображать элементы в DOM и просто не отображать их, где, как ng-if, перестанет угловато от обработки дочерних элементов DOM, если оператор равен false.

Однако, если вы хотите показать текст в отключенном состоянии, то вы можете использовать что-то вроде ng-class для установки стиля на прогоне, чтобы текст выглядел отключенным:

<style>
.disabled { color: #ccc; }
</style>
<div ng-init="showDisabled = false">
    <button ng-click="showDisabled = true">Disable Text</button>
    <span ng-class="{'disabled':showDisabled}">Text to be disabled</span>
</div>

Надеюсь, это поможет с вашим запросом, если не просьба определить свой вопрос немного больше.

0

Это не связано с AngularJS, это чистый HTML/CSS!

В том смысле, что отключенный не делает ничего в HTML-диапазоне, так же, как тот, который добавляет angularjs, имеет тот же эффект. Атрибут disabled не является глобальным - он разрешен только для элементов управления формой

Возможно, вы имеете в виду cursor: no-drop или user-select: none; или просто добавление класса CSS, который будет действовать как визуальный индикатор для этого диапазона (background: #ccc).

Ещё вопросы

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