molcik

<md-form-field>
  <input mdInput [mdDatepicker]="picker" placeholder="Choose a date">
  <md-datepicker-toggle mdSuffix [for]="picker"></md-datepicker-toggle>
  <md-datepicker #picker></md-datepicker>
</md-form-field>

molcik

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    <nav>
      <h2>Menu:</h2>
      <a routerLink="classic">Classic component</a>
      <a routerLink="lazy">Lazy loaded component</a>
    </nav>

molcik

import { ModuleWithProviders, NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ClassicComponent } from './classic.component';

@NgModule({
  imports: [
    RouterModule.forRoot([
       { path: '', redirectTo: 'classic', pathMatch: 'full' },
       { path: 'classic', component: ClassicComponent },
       { path: 'lazy', loadChildren: 'app/lazy/lazy.module#LazyModule' }

molcik

import { Component } from '@angular/core';

@Component({
  template: '<p>Lazy Component</p>'
})
export class LazyComponent {}

molcik

import { ModuleWithProviders, NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { LazyComponent } from './lazy.component';

@NgModule({
  imports: [
    RouterModule.forChild([
       { path: '', component: LazyComponent }
    ], { useHash: true })
  ],

molcik

import { NgModule } from '@angular/core';
import { LazyComponent }   from './lazy.component';
import { LazyRoutingModule } from './lazy.routing';

@NgModule({
  imports: [LazyRoutingModule],
  declarations: [LazyComponent]
})
export class LazyModule {}

molcik

@NgModule({
  imports: [ BrowserModule ],
  declarations: [ App, SafePipe ],
  bootstrap: [ App ]
})

molcik

<iframe [src]="url | safe"></iframe>

molcik

import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';

@Pipe({
  name: 'safe'
})
export class SafePipe implements PipeTransform {

  constructor(private sanitizer: DomSanitizer) { }
  transform(url) {

molcik

import {Component, NgModule, VERSION} from '@angular/core'
import {Http} from '@angular/http'// DON'T FORGOT TO IMPORT HTTP 
import {BrowserModule} from '@angular/platform-browser'
import {HttpModule} from '@angular/http'; // DON'T FORGOT TO IMPORT HTTPMODULE

@Component({
  selector: 'my-app',
  template: 
   `<div>
     <h2>Response from server: {{greeting}}</h2>