Определите в Angular, является ли конкретная область разрушенной или нет - PullRequest
0 голосов
/ 25 апреля 2018

У меня есть кнопка, вы щелкаете по ней, и она вызывает провал на div.Я пытаюсь найти способ проверить, расширен ли div или нет, поэтому я могу изменить текст на кнопке «Показать» или «Скрыть».

В настоящее время я использую

ng-click="toggle = !toggle"

С

$scope.toggle = true;

$scope.$watch('toggle', function () {
    $scope.toggleText = $scope.toggle ? 'Show' : 'Hide';
})

Какого рода сортировки, проблема заключается в том, что развал имеет время анимации, поэтому вы можете дважды щелкнуть поКнопка и текст переключателя кнопки не синхронизированы с фактическим состоянием div сворачивания.

Я нашел упомянутое ария-расширение

var isExpanded = $(collapsableRegion).attr("aria-expanded");

Но я не понимаю, что нужно установить для "collapsableRegion", и я не могу найти какую-либо документацию по ".attr ", чтобы понять, что именно является collapsableRegion (ID, имя, класс и т. д.)

Возможно, это очень просто.

1 Ответ

0 голосов
/ 25 апреля 2018

Вместо того, чтобы пытаться установить текст в вашем контроллере, почему бы просто не установить его в разметке?

<button ng-click="toggle = !toggle">{{ toggle ? 'Show' : 'Hide' }}</button>
...