@Evgeny-app

Как сделать, не кликабельными элементы меню пока не нажата кнопка?

Объясню ситуацию поточнее: Сначала проходим авторизацию и нас кидает в личный кабинет на первый пункт анкета и пока ты ее не заполнишь и не нажмешь копку отправить остальные функции личного кабинета будут не доступны (будут не кликабельными). Можете привести пример??
моя менюшка (ссылки идут на html страницы)
<div ng-app="ApplicantApp">
    <div id="rightMenu" class="top-horizontal-nav uk-container">
        <ul ng-controller="menuController" class="uk-list nav-blue">
            <li class="" ><a href="/applicant/anketa" ng-click="go('/applicant/anketa')">Анкета</a></li>
            <li class="" ><a href="/applicant/plansearch" ng-click="go('/applicant/plansearch')">План поиска</a> </li>
            <li class="" ><a href="/applicant/vacancies" ng-click="go('/applicant/vacancies')">Вакансии</a></li>
            <li class="" ><a href="/applicant/resume" ng-click="go('/applicant/resume')">Резюме</a></li>
            <li class="" ><a href="/applicant/anketa" ng-click="go('/applicant/anketa')">Анкета</a></li>
            <li class="" ><a href="/applicant/settings" ng-click="go('/applicant/settings')">Настройка</a></li>
        </ul>
    </div>

и кнопка на странице "анкета"
</div>
    <div class="uk-width-2-10">
        <input  ng-click="saveSettings()"
                type="button"
                class="uk-button uk-button-large button-yellow button140"
                value="Сохранить"/>
    </div>
</div>
  • Вопрос задан
  • 3847 просмотров
Решения вопроса 1
Serhioromano
@Serhioromano
Web Developer
Думаю можно прверять навигацию в методе go и просто добавить класс.

plnkr.co/edit/Vl7Qh0ZC5xzdGPxjYz01?p=preview
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
kompi
@kompi
nullstack devoops
Реализовал подобное следующим образом (правда, у меня форма разбита на шаги, т.е. группы полей): у каждого шага есть элемент, который при неактивности шага позиционируется выше остальных полей и имеет некоторую прозрачность. Соответственно, все что ниже этого элемента не доступно для взаимодействия.
Ответ написан
Diyahon
@Diyahon
Пишу код за еду
Сделайте проверку заполнена ли анкета.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы