kedar001 Ответов: 0

Навигационная панель не работает при размещении в общей папке

когда я помещаю html-код компонента nav в App.component.html он работает, но не работает в общей папке.
Структура проекта Anguler 10 как показано ниже
App
    Auth
    Dashboard
    Layout
    Shared
        Dashboard-nav
            dashboard-nav.component.html
            dashboard-nav.component.css
            dashboard-nav.component.ts
    App.routing.component.ts
    App.component.css
    App.component.html
    App.component.ts
    App.module.ts
assets
    css
    Js
    img
    app.bungle.js
    vendors.bundle.js



включенные вспомогательные файлы, как показано ниже
"styles": [
              "src/assets/css/vendors.bundle.css",              
              "src/assets/css/app.bundle.css",
              "src/assets/css/skins/skin-master.css",
              "src/assets/css/fa-solid.css",
              "src/assets/css/json-path-picker/json-path-picker.css",
              "src/styles.css"
            ],
            "scripts": [
              "node_modules/jquery/dist/jquery.min.js",
              "src/assets/js/vendors.bundle.js",
              "src/assets/js/app.bundle.js",
              "src/assets/js/json-path-picker/json-path-picker.js"
            ]



панели (сайдбаре)
<ul id="js-nav-menu" class="nav-menu">
      <li>
        <a
          href="#"
          title="Application Intel"
          data-filter-tags="application intel"
        >
          
          <span class="nav-link-text" data-i18n="nav.application_intel"
            >Dashboard</span
          >
        </a>
        <ul>
          <li>
            <a
              href="intel_analytics_dashboard.html"
              title="Analytics Dashboard"
              data-filter-tags="application intel analytics dashboard"
            >
              <span
                class="nav-link-text"
                data-i18n="nav.application_intel_analytics_dashboard"
                >Dashboard 1</span
              >
            </a>
          </li>
          <li>
            <a
              href="intel_marketing_dashboard.html"
              title="Marketing Dashboard"
              data-filter-tags="application intel marketing dashboard"
            >
              <span
                class="nav-link-text"
                data-i18n="nav.application_intel_marketing_dashboard"
                >Dashboard 2</span
              >
            </a>
          </li>
        </ul>
      </li>
</ul>


Что я уже пробовал:

tried with (dashboard-nav.component.ts)

ngOnInit() {
    $.getScript('../../../assets/js/app.bundle.js');
  }

0 Ответов