sirajc / angular2-bs4-navbar Goto Github PK

on step 3 npm run typings from the read me I am given the following warning typings WARN enoent Path "/Users/username/programming/web/angular2/angular2-bs4-navbar-master/typings.json" is missing after continuing with the steps and running the application there is no navigation links displayed. is the warning that is displayed normal? am I missing a step?

thank you for any help.

I've been searching for the solution to get rid of the active class for the first path / landing path, i.e. ' ' or '/'.. If you've any, then please do let me know. Thanks in advance

Hello,

Thanks for this repo. But I'm currently having trouble implementing this NavBar in my project. Basically what I'm trying to do is have a login screen for the user where they input the credentials and once successful it goes into a UI similar to the NavBar Demo. I think my issues might be in the routing, I'm trying different paths but the login screen doesn't show up and pretty much breaks the app. Do you have any suggestions or could it be a future feature for this app? Thanks again!

A New new router i.e. router v3.0 has been announced by Angular team.
Refactor this project to use router v3

Hello . During navigation in child views how do you ensure that components are displayed in the host child view's instead of the one in app.component ?

I have done the setup but menu options are not visible
I don't know what went wrong. Please help me.

Hi,
How do you think you could implement sub-menus.
I can make them work when the navbar is full screen but when its reduced to a mobile screen they don't work.
I achievd this by using a slightly different version of
navbar.metadata.ts
export enum MenuType {
BRAND,
LEFT,
RIGHT
}

export interface RouteInfo {
path: string;
title: string;
isDropdown: boolean;
menuType: MenuType;
links: any;
}

So my Route is
import { MenuType, RouteInfo } from './navbar.metadata';

export const ROUTES: RouteInfo[] = [
{ path: 'home', title: 'eClaim', menuType: MenuType.BRAND, isDropdown: false, links: null },
{ path: 'maintenance', title: 'Maintain', menuType: MenuType.LEFT, isDropdown: true,
links: [
{ path: 'maintenance/employee', title: 'Employees', menuType: MenuType.LEFT, isDropdown: false, links: null },
{ path: 'counter2', title: 'CounterS2', menuType: MenuType.LEFT, isDropdown: false, links: null },
{ path: 'counter3', title: 'CounterS3', menuType: MenuType.LEFT, isDropdown: false, links: null }
]
},
{
path: 'counter', title: 'CounterT', menuType: MenuType.LEFT, isDropdown: true,
links: [
{ path: 'counter1', title: 'CounterS1', menuType: MenuType.LEFT, isDropdown: false, links: null },
{ path: 'counter2', title: 'CounterS2', menuType: MenuType.LEFT, isDropdown: false, links: null },
{ path: 'counter3', title: 'CounterS3', menuType: MenuType.LEFT, isDropdown: false, links: null }
]
},
{ path: 'about', title: 'About Us', menuType: MenuType.LEFT, isDropdown: false, links: null },
{ path: 'fetch-data', title: 'Weather Data', menuType: MenuType.RIGHT, isDropdown: false, links: null }
];

And within the navbar.component.html the section producing the menu's is
<li (click)="isCollapsed = true" *ngFor="let menuItem of menuItems"
class="nav-item" routerLinkActive="active"
[ngClass]="getMenuItemClasses(menuItem)">
<a class="nav-item nav-link" [routerLink]="[menuItem.path]" routerLinkActive="active" *ngIf="!menuItem.isDropdown">{{menuItem.title}}
<div ngbDropdown class="d-inline-block" *ngIf="menuItem.isDropdown" >
<a (click)="isCollapsed = true" class="nav-link dropdown-toggle" *ngIf="menuItem.isDropdown" ngbDropdownToggle>{{menuItem.title}}
<ul class="dropdown-menu" role="menu" *ngIf="menuItem.isDropdown">
<li (click)="isCollapsed = true" *ngFor="let subItem of menuItem.links"
class="nav-item" routerLinkActive="active"
[ngClass]="getMenuItemClasses(subItem)">
<a class="nav-item nav-link" [routerLink]="[subItem.path]" routerLinkActive="active" *ngIf="!subItem.isDropdown">{{subItem.title}}

All good except when it goes to a small screen. Then the sub menu's do not work. I think they are appearing off the screen to the right
Steve

Hi ,
I downloaded the project .when I try to run locally I am getting 404 exception