Angular - простая функция

У меня был предыдущий код вроде этого:

По сути, я добавил активный статус в журналы li docker и открыл подменю Docker.

html

<li id = "dockerMenu">
        <a data-toggle = "collapse" href = "#docker-pages" aria-expanded = "false" aria-controls = "testing-main.webapp.pages">
            <img src = "../resources/img/icons/docker-icon.png" alt = "" class = "menuIcon">
            <span class = "menu-title">Docker <i class = "fa fa-sort-down"></i></span>
        </a>
        <div class = "collapse" id = "docker-pages">
            <ul class = "nav flex-column sub-menu" data-simplebar>
                <security:authorize access = "hasAuthority('Administrator')">
                <li class = "nav-item" id = "docker-status">
                    <a href = "/docker-status">
                        <img src = "../resources/img/icons/status.png" alt = "">
                        <span class = "menu-title">Container Status</span>
                    </a>
                </li>
                ...
               <ul>
           <div>
              </li>

 var url = window.location.pathname + window.location.search;
 if (url === "/docker-logs") {
    $('#docker-logs').addClass('active');
    $('#dockerMenu a').click();
}

Я хотел сделать то же самое на Angular, но не знаю, как

 ngOnInit() {

this.toggleMenus();
}
toggleMenus() {
    let url = window.location.pathname;
    console.info(url);
    switch(url) {
      case "/docker-logs":
        //how do I activate this?
    }

это должно быть легко, правда?

user9710923 18.05.2018 15:36

любая помощь, пожалуйста?

user9710923 18.05.2018 15:57

Если вы хотите использовать Framework, вам следует использовать инструменты, которые предоставляют routerModule: Док.

GameTag 18.05.2018 16:20
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
51
0

Другие вопросы по теме