typecriptのenum値をknockout data-bindから参照する方法は？

Question

私は（ページがCustomerExperienceが未定義であることについて不平を言う）は、この作品を作るためにしようとしている：

CustomerExperienceは活字体で定義されている

<div data-bind="visible: $data.customerExperienceObservable() === CustomerExperience.Loading"> 
    Loading... 
</div> 

：

にtranspiled

export enum CustomerExperience { 
    Loading = 1, 
    Unconfigured = 2, 
    Data = 3 
} 

：

(function (CustomerExperience) { 
    CustomerExperience[CustomerExperience["Loading"] = 1] = "Loading"; 
    CustomerExperience[CustomerExperience["Unconfigured"] = 2] = "Unconfigured"; 
    CustomerExperience[CustomerExperience["Data"] = 3] = "Data"; 
})(exports.CustomerExperience || (exports.CustomerExperience = {})); 
var CustomerExperience = exports.CustomerExperience; 

1つのクラスのインスタンスにコンテキストを適用します。

ko.applyBindings(dataProvider); 

私は、CustomerExperienceをバインドされたdataProviderのプロパティとして定義すると、動作させることができます。しかし、私はTypeScript列挙型でそれを行う方法を理解しようとしています。

アイデア？ :)

PS：今のところ私はそれを動作させるために=== 1を使用しました。このソリューションで終わった

Answer 1

（キャリー・ケンドールありがとう！）：

public customerExperienceLoading: KnockoutComputed<boolean> = ko.computed({ 
    owner: this, 
    read: () => { 
     return this.customerExperienceObservable() === CustomerExperience.Loading; } }); 

と通常のboolean型としてそれをバインド：

data-bind="visible: $data.customerExperienceLoading() === true"