Html 如何在点击href-knockout时翻转展开或折叠文本
使用knockout将数据绑定到html表中。其中一列的文本长度为200。。而用户界面只是得到了很长的滚动。所以只想显示,前20个长度字符,然后点击。。。它应该展开或折叠文本。因此,只在下面创建了一个模板,但它不会切换文本。 我可以看到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'是一
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());
};