Knockout typescript extenders

Question

Could anyone please post an example of extending an observable in knockout in typescript? Knockout extender: http://knockoutjs.com/documentation/extenders.html

I am

Answer 1

Interfaces in typescript are open ended so you can add to them in multiple places.

For example of numeric. You need to app this member to extenders as well as your observables. Here is the example:

interface KnockoutExtenders {
    numeric(target: any, precision: number): KnockoutObservableAny;
}
interface KnockoutObservableNumber {
    extend(data: any): KnockoutObservableNumber;
}
ko.extenders.numeric = function (target: KnockoutObservableNumber, digits) {
    var result = ko.computed({
        read: function () {
            var value = target();
            var toret: string = value.toString();
            if (toret.length < digits) {
                toret = "0" + toret;
            }
            else if (toret.length > digits) {
                toret = toret.substring(0, digits);
            }
            return toret;
        },
        write: target
    });

    result(target());
    return result;
};

You can see a complete sample here : https://github.com/basarat/ChessClock/blob/d82a565ac9720cce00c75f099fcf7003f496755a/ChessClock/ChessClock/www/main.ts

Answer 2

Update based on comment: In that case you just need to extend the interface separately to the definition file:

interface KnockoutExtenders {
    logChange: (target: KnockoutObservableAny, option: string) => KnockoutObservableAny;
}