ノックアウト：目に見えるデータバインドを使用して段落タグを隠すにはどうすればいいですか？

Question

条件付きで非表示にする段落タグがあります。私はそれを隠すことができません。これは私がtried-は1つの観察可能な変数を作り、assig持っているものである Fiddle demo

：

この

は、デモコードであっても、その後

var viewSellerBtnVisible = ko.observable(true); 
viewSellerBtnVisible(false); 

viewSellerBtnVisible（偽）元のコードでは、条件付きであるが、その隠されていない。

この段落タグを非表示にするにはどうすればよいですか？

Answer 1

の作業のデモ：あなたのコードで

var viewSellerBtnVisible = ko.observable(true); 
 
ko.applyBindings({ viewSellerBtnVisible: viewSellerBtnVisible }, document.getElementById("txtRecommendationHeading")); 
 
viewSellerBtnVisible(false);

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script> 
 
<h3 class="">People also liked...</h3> 
 
<p id="txtRecommendationHeading" data-bind="visible: viewSellerBtnVisible" class="font11">View seller details in <strong>one click</strong></p>

は：

ko.applyBindings(viewSellerBtnVisible, document.getElementById("txtRecommendationHeading")); 
var viewSellerBtnVisible = ko.observable(true); 
viewSellerBtnVisible(false); 

モデルは、JavaScriptのオブジェクト、値へのマッピングの名前でなければなりません。コード内のviewSellerBtnVisibleは値です。ノックアウトはその名前がちょうどそれからであるか分からない。

まだ定義されていない変数名を使用してバインディングを適用します。 applyBindings、viewSellerBtnVisibleが観測されない場合でも、それはundefinedです。パラメータは参照ではなくオブジェクト共有によって渡されるため、バインディングは後で観測可能になりません。あなたは正しい指示の順序を持​​つ必要があります。

最後に、フィドルにノックアウトがロードされていません。 Fiddleで遊ぶときは、「外部リソース」で使用しているライブラリを追加する必要があります。