Алексей Зуев

"dependencies": {
    "angular2": "^2.0.0-beta.21",
    "rxjs": "^5.0.0-rc.4",
   +"reflect-metadata": "0.1.2",
   +"zone.js": "^0.6.11"
}

import 'reflect-metadata';
import 'zone.js';

class DropDown {
  selects;
  constructor(options) {
    this.selects = options.selects;
    this.selects.forEach((item, i, selects) => {
      item.addEventListener('mousedown', this.showMenu.bind(this));
    });   
  }
  
  showMenu(e) {
    e.preventDefault();
    const currentItem = e.target;
    let list = currentItem.closest('.select-wrap').querySelector('.select-list');

    console.log(this.selects);

    if (list.classList.contains('hide')) {
      this.selects.forEach((item, i, selects) => {
        item.classList.remove('active');
        item.closest('.select-wrap').querySelector('.select-list').classList.add('hide');
      });

      list.classList.remove('hide');
      currentItem.classList.add('active');   
    } else {   
      list.classList.add('hide');
      currentItem.classList.remove('active');   
    }
  }
}

let dropDown = new DropDown({
  selects: document.querySelectorAll('select')
});

@NgModule({
  imports: [CommonModule, SharedModule],
  declarations: [NotificationComponent, NotificationBellComponent],
  exports: [NotificationComponent, NotificationBellComponent],  
  providers: [NotificationService]
})

You can export any declarable class — components, directives, and pipes — whether it is declared in this module or in an imported module.

You can re-export entire imported modules which effectively re-exports all of their exported classes. A module can even export a module that it doesn't import.

@NgModule({    
    imports: [CommonModule, SharedModule, NotificationModule],
    declarations: [ToolbarComponent],
    exports: [ToolbarComponent]
})

@Pipe({
  name: 'someRand',
  pure: false
})
export class RandomPipe implements PipeTransform {
  constructor(private  cdRef:ChangeDetectorRef) {}

  pipe: AsyncPipe;
  obs: Observable<string>;

  transform(value:string):any {
    if (!this.pipe) {
      this.pipe = new AsyncPipe(this.cdRef);
      this.obs = new Observable<string>(observer=>{
        observer.next('rand1');
        setTimeout(()=>{
          observer.next('rand@2');
        }, 600)
      });
    }
  
    return this.pipe.transform(this.obs);
  }
}

<SearchBar onSearch={this.handleSearch.bind(this)}/>

providers: [
  GlobalService,
  {
    provide: APP_INITIALIZER,
    useFactory: (service: GlobalService) => () => service.init(),
    deps: [GlobalService], multi: true
  }
],

@Injectable()
export class GlobalService {
    data: any;
    constructor(private http: Http) { }
    init(): Promise<any> {
        var promise = this.http.get('src/data.json').map(res => res.json()).toPromise();
        promise.then(data => this.data = data);
        return promise;
    }
}

export class AppComponent {
  constructor(private service: GlobalService) {
    console.log(service.data);
  }
}

.slick-list {
  width: 100%;
}

aImg.attr('src', e.target.result) 
  .one("load", draw).each(function() {
     if(this.complete) $(this).load();
  });

Parent_Polygon.prototype.Child_Polygon = Child_Polygon;

$('.logIn__reset').on('click', function(e){
  e.preventDefault();
  $('.logIn__inputText').val(function(){ return $(this).attr('value'); });
});