Html 如何在点击href-knockout时翻转展开或折叠文本

Html 如何在点击href-knockout时翻转展开或折叠文本,html,data-binding,knockout.js,knockout-2.0,knockout-mvc,Html,Data Binding,Knockout.js,Knockout 2.0,Knockout Mvc,使用knockout将数据绑定到html表中。其中一列的文本长度为200。。而用户界面只是得到了很长的滚动。所以只想显示,前20个长度字符,然后点击。。。它应该展开或折叠文本。因此,只在下面创建了一个模板,但它不会切换文本。 我可以看到Toggle切换为真/假,但更改功能未启用 toggleFullText=函数(){ console.log(“全文”); self.Toggle(!self.Toggle()); }; Toggle是一个可观察的布尔值,因此需要将其与布尔值('false'是一

使用knockout将数据绑定到html表中。其中一列的文本长度为200。。而用户界面只是得到了很长的滚动。所以只想显示,前20个长度字符,然后点击。。。它应该展开或折叠文本。因此,只在下面创建了一个模板,但它不会切换文本。 我可以看到
Toggle
切换为真/假,但更改功能未启用

toggleFullText=函数(){
console.log(“全文”);
self.Toggle(!self.Toggle());
};

Toggle
是一个可观察的布尔值,因此需要将其与布尔值(
'false'
是一个字符串)进行比较,因为可观察值是一个函数,所以需要调用它们来获取其值:
Toggle()==false
。或者,
!切换()

 <span data-bind="text: (Toggle == 'false' && Comments.length > 20) ? Comments.substring(0, 20) : Comments"> </span>
        <a href="#" data-bind="click: toggleFullText(), visible: Comments.length > 20">...</a>

           toggleFullText= function () {
                console.log('full text');
                self.Toggle(!self.Toggle());
            };