Как отключить текст, присутствующий в диапазоне с использованием угловых символов. ng-disabled
не работает в моем случае.
Вот мой промежуток
<span ng-click="clickMe()" ng-if="true" ng-disabled="true">Click Me!</span>
Как можно disabled
или enabled
span
?
Он может hide
или show
.
Косвенно вы можете это сделать
$scope.clickMe=function(){
$scope.disable=!$scope.disable;
if(!$scope.disable)
return;
// enable code
}
Я считаю, что ваш вопрос слишком широк. Пролет не имеет отключенного состояния, поэтому то, что вы делаете, на самом деле не имеет никакого смысла. Это имело бы смысл иметь директиву 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>
Надеюсь, это поможет с вашим запросом, если не просьба определить свой вопрос немного больше.
Это не связано с AngularJS, это чистый HTML/CSS!
В том смысле, что отключенный не делает ничего в HTML-диапазоне, так же, как тот, который добавляет angularjs, имеет тот же эффект. Атрибут disabled не является глобальным - он разрешен только для элементов управления формой
Возможно, вы имеете в виду cursor: no-drop
или user-select: none;
или просто добавление класса CSS, который будет действовать как визуальный индикатор для этого диапазона (background: #ccc
).