isaurssaurav

//pass a query param
 onNavigate(){
        this.router.navigate(['/'],{queryParams:{"analytics":100}});
    }
    
//get a query param in that component, here it is / so it refers to main or home compnent 
import { Component, OnInit,OnDestroy } from '@angular/core';
import {Router} from '@angular/router';
import {Subscription} from 'rxjs/Rx';

isaurssaurav

import { Component, OnInit, OnDestroy } from '@angular/core';
import {Router,ActivatedRoute} from '@angular/router';
import {Subscription} from 'rxjs/Rx';


@Component({
    selector: 'component name',
    template: `<h1>user component</h1>

isaurssaurav

import { Component, OnInit } from '@angular/core';
import {Router} from '@angular/router';


@Component({
    selector: 'app-user',
    template: `<h1>user component</h1>
        <a [routerLink]="['']">Home</a>
        <button (click)="onNavigate()">Go Home</button>
    

isaurssaurav

//this directie uses templateref,viewcontainer ref ..and works exact opposit of *ngif


import { Directive, TemplateRef, ViewContainerRef,Input } from '@angular/core';

@Directive({
    selector:'[unless]'
})

export class UnlessDirective{

isaurssaurav

import { Directive ,HostListener,HostBinding } from '@angular/core';

@Directive({
    selector: '[highlight]', //element having hightlight [attribute] is selected or .class or #id or component
})
export class HighlightDirective {
    @HostListener('mouseenter') mouseover(){
        this.backgroundColor = 'green';
        //can use renderer here to change style here
    }

isaurssaurav

import { Directive ,ElementRef, Renderer } from '@angular/core';

@Directive({
    selector: '[highlight]', //element having hightlight [attribute] is selected or .class or #id or component
})
export class HighlightDirective {
    constructor(private elementRef: ElementRef,private renderer:Renderer) {
     // this.elementRef.nativeElement.style.color = 'red';
     this.renderer.setElementStyle(this.elementRef.nativeElement,'background-color','red');
    }

isaurssaurav

   public function rules()
    {
        return [
            // username and password are both required
            [['password','username'], 'required'],
            [['username'],'validateUsername'],
            // rememberMe must be a boolean value
            //['rememberMe', 'boolean'],
            // password is validated by validatePassword()
            ['password', 'validatePassword', 'skipOnError' => false],

isaurssaurav

/var/run/user/1000/gnvfs

isaurssaurav

In phpmyadmin select all tables of your database.
From the dropdown 'With selected:' choose 'Replace table prefix'
Set from->to replacement.
DONE

isaurssaurav

sudo npm cache clean -f
sudo npm install -g n
sudo n stable

sudo ln -sf /usr/local/n/versions/node/<VERSION>/bin/node /usr/bin/node 

**for latest version** 
sudo n latest