import { Router } from '@angular/router';
.....
@Component({
selector: 'app-menu',
moduleId: module.id,
templateUrl: 'menu.component.html',
styleUrls: ['menu.component.css']
})
...
constructor(private _menuService: MenuService, public elementRef: ElementRef, public _router: Router) {
}
onClick(event: any) {
console.log('menu click');
debugger;
//----در این قسمت متغیر مقدار
//undefined
//دارد
this._router.navigate(['Subsystem']);
} import { bootstrap } from '@angular/platform-browser-dynamic';
import { HTTP_PROVIDERS } from '@angular/http';
import { Router} from '@angular/router';
import { MenuService } from './menu/menu.service';
import { AppComponent } from './app.component';
import { MenuComponent } from './menu/menu.component';
import { appRouterProviders } from './app.routes';
bootstrap(AppComponent, [MenuService, HTTP_PROVIDERS, appRouterProviders]); import { Component } from '@angular/core';
import { HTTP_PROVIDERS } from '@angular/http';
import { MenuComponent } from './menu/menu.component';
import { SubSystemComponent } from './subsystem/subsystem.component';
import { MenuService } from './menu/menu.service';
import { SubSystemService } from './subsystem/subsystem.service';
import { ROUTER_DIRECTIVES, RouterLink, RouterOutlet} from '@angular/router';
// Add the RxJS Observable operators we need in this app.
import './rxjs-operators';
@Component({
selector: 'my-app',
templateUrl: 'app/app.component.html',
directives: [MenuComponent, SubSystemComponent, ROUTER_DIRECTIVES, RouterOutlet, RouterLink],
providers: [MenuService, SubSystemService, HTTP_PROVIDERS]
})
export class AppComponent {
currentSubsSystemId: number=1;
} Threads App UI Design in Figma step by step UI/UX Design + Link
Designing a great app that offers a seamless user experience can be a challenging task, especially when you have numerous components to manage. Figma, a collaborative interface design tool, has become a popular choice for UI/UX designers. In this article, we'll explore the process of designing Threads, a messaging app, from scratch in Figma. We'll walk you through the complete UI/UX design process, including wireframing, prototyping, and design system creation.
There are a variety of ways to determine what programming language is most popular. One is to do surveys and simply ask people what they think is most popular. We've done that on our developer sites. Another method is using the Tiobe index listings.
Today is a pretty exciting day if you’re an enterprise developer. . . Red Hat and Microsoft have announced that the two companies will be working together to bring a supported version of the .NET r untime to Red Hat’s Enterprise Linux and OpenShift 3
PowerShell completions enable you to recall, edit, and execute full commands based on matching predictions from your command history, even after starting a new PowerShell session it remembers!
From basic to advanced: test how well you know JavaScript, refresh your knowledge a bit, or prepare for your coding interview!
What’s new?
Reloadable endpoints via configuration for Kestrel
Kestrel now has the ability to observe changes to configuration passed to KestrelServerOptions.Configure and unbind from existing endpoints and bind to new endpoints without requiring you to restart your application.
Developers familiar with the Angular 1.X will encounter a drastically different looking framework and will need to learn a new architecture.
Philter is a jQuery plugin giving you the power to control CSS filters with HTML attributes. Demo
Here's a list of filters that you can use and their limitations in Philter.
