How to use the @angular2-material/icon/icon.MdIcon function in @angular2-material/icon

});
    };
    StockDetailComponent.prototype.edit = function (stock) {
        var _this = this;
        stock.subscribe(function (stock) {
            var link = ['/stock-exchanges', stock.id, 'edit']; // TODO: check if this is the right way to create link like that
            _this.router.navigate(link);
        });
    };
    StockDetailComponent = __decorate([
        core_1.Component({
            moduleId: module.id,
            selector: 'stock-detail',
            templateUrl: 'stock-detail.component.html',
            styleUrls: ['stock-detail.component.css'],
            directives: [router_1.ROUTER_DIRECTIVES, button_1.MD_BUTTON_DIRECTIVES, icon_1.MdIcon]
        }), 
        __metadata('design:paramtypes', [stock_service_1.StockService, router_1.ActivatedRoute, router_1.Router, platform_browser_1.Title])
    ], StockDetailComponent);
    return StockDetailComponent;
}());
exports.StockDetailComponent = StockDetailComponent;

}
    AppComponent.prototype.ngOnInit = function () {
        window.addEventListener('online', this.updateOnlineOfflineIndicator);
        window.addEventListener('offline', this.updateOnlineOfflineIndicator);
        this.updateOnlineOfflineIndicator();
    };
    AppComponent.prototype.login = function () {
        this.af.auth.login();
    };
    AppComponent = __decorate([
        core_1.Component({
            moduleId: module.id,
            selector: 'invest-systems-org',
            templateUrl: 'app.component.html',
            styleUrls: ['app.component.css'],
            directives: [sidenav_1.MD_SIDENAV_DIRECTIVES, router_1.ROUTER_DIRECTIVES, toolbar_1.MdToolbar, button_1.MD_BUTTON_DIRECTIVES, icon_1.MdIcon, spinner_component_1.SpinnerComponent],
            providers: [
                ,
                store_1.provideStore({ areas: area_reducer_1.areasReducer }),
            ]
        }), 
        __metadata('design:paramtypes', [angularfire2_1.AngularFire])
    ], AppComponent);
    return AppComponent;
}());
exports.AppComponent = AppComponent;

};
    StocksListComponent.prototype.gotoDetail = function (stock) {
        var link = ['/stock-exchanges', stock.id];
        this.router.navigate(link);
    };
    StocksListComponent.prototype.add = function () {
        var link = ['/stock-exchanges/create'];
        this.router.navigate(link);
    };
    StocksListComponent = __decorate([
        core_1.Component({
            moduleId: module.id,
            selector: 'stocks-list',
            templateUrl: 'stocks-list.component.html',
            styleUrls: ['stocks-list.component.css'],
            directives: [grid_list_1.MD_GRID_LIST_DIRECTIVES, button_1.MD_BUTTON_DIRECTIVES, icon_1.MdIcon]
        }), 
        __metadata('design:paramtypes', [stock_service_1.StockService, router_1.Router, platform_browser_1.Title])
    ], StocksListComponent);
    return StocksListComponent;
}());
exports.StocksListComponent = StocksListComponent;

});
            }
        });
    };
    StockEditComponent.prototype.cancel = function () {
    };
    StockEditComponent.prototype.save = function (newName) {
        this.stockService.updategetStockExchange(this.stockFirebaesObject, { name: newName });
    };
    StockEditComponent = __decorate([
        core_1.Component({
            moduleId: module.id,
            selector: 'stock-edit',
            templateUrl: 'stock-edit.component.html',
            styleUrls: ['stock-edit.component.css'],
            directives: [button_1.MD_BUTTON_DIRECTIVES, input_1.MD_INPUT_DIRECTIVES, icon_1.MdIcon]
        }), 
        __metadata('design:paramtypes', [stock_service_1.StockService, router_1.ActivatedRoute, platform_browser_1.Title])
    ], StockEditComponent);
    return StockEditComponent;
}());
exports.StockEditComponent = StockEditComponent;