Remove trailing whitespace in KO template

This commit is contained in:
SteveSandersonMS
2016-07-06 11:18:22 +01:00
parent 00b598176c
commit 7ce5f8d4ad
6 changed files with 13 additions and 13 deletions

View File

@@ -12,12 +12,12 @@ const routes: Route[] = [
class AppRootViewModel { class AppRootViewModel {
public route: KnockoutObservable<Route>; public route: KnockoutObservable<Route>;
private _router: Router; private _router: Router;
constructor(params: { history: HistoryModule.History }) { constructor(params: { history: HistoryModule.History }) {
// Activate the client-side router // Activate the client-side router
this._router = new Router(params.history, routes) this._router = new Router(params.history, routes)
this.route = this._router.currentRoute; this.route = this._router.currentRoute;
// Load and register all the KO components needed to handle the routes // Load and register all the KO components needed to handle the routes
// The optional 'bundle?lazy!' prefix is a Webpack feature that causes the referenced modules // The optional 'bundle?lazy!' prefix is a Webpack feature that causes the referenced modules
// to be split into separate files that are then loaded on demand. // to be split into separate files that are then loaded on demand.
@@ -27,12 +27,12 @@ class AppRootViewModel {
ko.components.register('counter-example', require('bundle?lazy!../counter-example/counter-example')); ko.components.register('counter-example', require('bundle?lazy!../counter-example/counter-example'));
ko.components.register('fetch-data', require('bundle?lazy!../fetch-data/fetch-data')); ko.components.register('fetch-data', require('bundle?lazy!../fetch-data/fetch-data'));
} }
// To support hot module replacement, this method unregisters the router and KO components. // To support hot module replacement, this method unregisters the router and KO components.
// In production scenarios where hot module replacement is disabled, this would not be invoked. // In production scenarios where hot module replacement is disabled, this would not be invoked.
public dispose() { public dispose() {
this._router.dispose(); this._router.dispose();
// TODO: Need a better API for this // TODO: Need a better API for this
Object.getOwnPropertyNames((<any>ko).components._allRegisteredComponents).forEach(componentName => { Object.getOwnPropertyNames((<any>ko).components._allRegisteredComponents).forEach(componentName => {
ko.components.unregister(componentName); ko.components.unregister(componentName);

View File

@@ -2,7 +2,7 @@ import * as ko from 'knockout';
class CounterExampleViewModel { class CounterExampleViewModel {
public currentCount = ko.observable(0); public currentCount = ko.observable(0);
public incrementCounter() { public incrementCounter() {
let prevCount = this.currentCount(); let prevCount = this.currentCount();
this.currentCount(prevCount + 1); this.currentCount(prevCount + 1);

View File

@@ -9,7 +9,7 @@ interface WeatherForecast {
class FetchDataViewModel { class FetchDataViewModel {
public forecasts = ko.observableArray<WeatherForecast>(); public forecasts = ko.observableArray<WeatherForecast>();
constructor() { constructor() {
fetch('/api/SampleData/WeatherForecasts') fetch('/api/SampleData/WeatherForecasts')
.then(response => response.json()) .then(response => response.json())

View File

@@ -7,7 +7,7 @@ interface NavMenuParams {
class NavMenuViewModel { class NavMenuViewModel {
public route: KnockoutObservable<Route>; public route: KnockoutObservable<Route>;
constructor(params: NavMenuParams) { constructor(params: NavMenuParams) {
// This viewmodel doesn't do anything except pass through the 'route' parameter to the view. // This viewmodel doesn't do anything except pass through the 'route' parameter to the view.
// You could remove this viewmodel entirely, and define 'nav-menu' as a template-only component. // You could remove this viewmodel entirely, and define 'nav-menu' as a template-only component.

View File

@@ -13,7 +13,7 @@ export class Router {
public currentRoute = ko.observable<Route>({}); public currentRoute = ko.observable<Route>({});
private disposeHistory: () => void; private disposeHistory: () => void;
private clickEventListener: EventListener; private clickEventListener: EventListener;
constructor(history: HistoryModule.History, routes: Route[]) { constructor(history: HistoryModule.History, routes: Route[]) {
// Reset and configure Crossroads so it matches routes and updates this.currentRoute // Reset and configure Crossroads so it matches routes and updates this.currentRoute
crossroads.removeAllRoutes(); crossroads.removeAllRoutes();
@@ -25,7 +25,7 @@ export class Router {
}); });
}); });
// Make history.js watch for navigation and notify Crossroads // Make history.js watch for navigation and notify Crossroads
this.disposeHistory = history.listen(location => crossroads.parse(location.pathname)); this.disposeHistory = history.listen(location => crossroads.parse(location.pathname));
this.clickEventListener = evt => { this.clickEventListener = evt => {
let target: any = evt.target; let target: any = evt.target;
@@ -37,10 +37,10 @@ export class Router {
} }
} }
}; };
document.addEventListener('click', this.clickEventListener); document.addEventListener('click', this.clickEventListener);
} }
public dispose() { public dispose() {
this.disposeHistory(); this.disposeHistory();
document.removeEventListener('click', this.clickEventListener); document.removeEventListener('click', this.clickEventListener);

View File

@@ -9,11 +9,11 @@ ko.components.loaders.unshift({
if (typeof componentConfig === 'function') { if (typeof componentConfig === 'function') {
// It's a lazy-loaded Webpack bundle // It's a lazy-loaded Webpack bundle
(componentConfig as any)(loadedModule => { (componentConfig as any)(loadedModule => {
// Handle TypeScript-style default exports // Handle TypeScript-style default exports
if (loadedModule.__esModule && loadedModule.default) { if (loadedModule.__esModule && loadedModule.default) {
loadedModule = loadedModule.default; loadedModule = loadedModule.default;
} }
// Pass the loaded module to KO's default loader // Pass the loaded module to KO's default loader
ko.components.defaultLoader.loadComponent(name, loadedModule, callback); ko.components.defaultLoader.loadComponent(name, loadedModule, callback);
}); });