“KnockoutObservable”类型上不存在属性“isvalid”

Question

我刚刚开始从 javascript 切换到 typecipt。我使用淘汰赛是因为它必须提供明显的优势。

我需要定义一个淘汰赛计算的 observable，它取决于另一个淘汰赛 observable 的值。如果 observable 有效则返回 true，否则返回 false。

这就是我构建代码的方式 -

class anyClass { 

    private address: KnockoutObservable<any> = ko.observable().extend({ required : true});

    private canPrintAddresses : KnockoutComputed<boolean> = ko.computed((): any => {

        if (this.address.isValid()) {    
            return true;
        }
        else
            return false;
    });
}

我什至尝试在构造函数内部定义计算，但编译器无动于衷。我不知道我哪里出错了，但是编译器不断给出错误 - "property 'isValid' does not exist on type 'KnockoutObservable'".

由于我也在使用 durandal，所以我尝试在激活事件处理程序中定义它，但这需要在没有附加到可观察对象的值时对页面的激活进行评估。

请帮忙。

Answer 1

编译器是正确的。在淘汰赛中，KnockoutObservable 上确实不存在属性“isValid”。

让我们看一下knockout 附带的knockout.d.ts 文件：

interface KnockoutObservable<T> extends KnockoutSubscribable<T>, KnockoutObservableFunctions<T> {
    (): T;
    (value: T): void;

    peek(): T;
    valueHasMutated?: { (): void; };
    valueWillMutate?: { (): void; };
    extend(requestedExtenders: { [key: string]: any; }): KnockoutObservable<T>;
}

interface KnockoutSubscribable<T> extends KnockoutSubscribableFunctions<T> {
    subscribe(callback: (newValue: T) => void, target?: any, event?: string): KnockoutSubscription;
    subscribe<TEvent>(callback: (newValue: TEvent) => void, target: any, event: string): KnockoutSubscription;
    extend(requestedExtenders: { [key: string]: any; }): KnockoutSubscribable<T>;
    getSubscriptionsCount(): number;
}
interface KnockoutSubscribableFunctions<T> {
    notifySubscribers(valueToWrite?: T, event?: string): void;
}

注意，没有“isValid”。

所以问题是：是什么让您认为 isValid 应该是 observable 上的有效成员？如果我不得不猜测，我猜你正在使用敲除验证库，它为敲除表单验证添加了额外的功能。如果我猜对了，那么我也猜想您没有为该库引入类型定义文件。该库扩展了KnockoutSubscribableFunctions<T> 接口以包含更多功能，包括isValid()。

interface KnockoutSubscribableFunctions<T> {
    isValid: KnockoutComputed<boolean>;
    isValidating: KnockoutObservable<boolean>;
    rules: KnockoutObservableArray<KnockoutValidationRule>;
    isModified: KnockoutObservable<boolean>;
    error: KnockoutComputed<string>;
    setError(error: string): void;
    clearError(): void;
}

一旦你包含了这些类型定义，你就可以开始了。它们在确定类型的存储库中可用：

https://github.com/borisyankov/DefinitelyTyped/blob/master/knockout.validation/knockout.validation.d.ts

Answer 2

“地址”是一个可观察的变量。它存储一个对象。你应该使用

if (this.address().isValid()) {  

或

if (ko.unwrap(this.address).isValid()) {

为了访问存储对象的属性。

当然如果你想从一个observable中获取值，你应该把值放在observable之前，例如：

this.address({ isValid: ko.observable(true) });