淘汰賽：如何使用可見數據綁定可觀察到的隱藏段落標簽？

Question

我有一個段落標簽，我想有條件地隱藏。 我無法隱藏它。

這是演示代碼： Fiddle演示

這是我嘗試過的-制作了一個可觀察變量並設置為：

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

viewSellerBtnVisible（false）在原始代碼中是有條件的，但即使這樣也不會被隱藏。

隱藏該段落標簽該怎么辦？

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時，應在“外部資源”下添加正在使用的庫。