mirror of
https://github.com/aspnet/JavaScriptServices.git
synced 2025-12-23 01:58:29 +00:00
Remove trailing whitespace in KO template
This commit is contained in:
@@ -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);
|
||||||
|
|||||||
@@ -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);
|
||||||
|
|||||||
@@ -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())
|
||||||
|
|||||||
@@ -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.
|
||||||
|
|||||||
@@ -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);
|
||||||
|
|||||||
@@ -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);
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user