如何在单击href时翻转展开或折叠文本 - 淘汰赛

Posted 2023-03-27

【中文标题】如何在单击href时翻转展开或折叠文本 - 淘汰赛

【英文标题】：How to flip the expand or collapse text on click of href - knockout

【发布时间】：2020-03-30 17:01:42

【问题描述】：

使用敲除将数据绑定到 html 表中。其中一列的大文本长度为 200 .. 并且 UI 刚刚滚动很长。所以只想显示，前 20 个长度的字符并单击，......它应该展开或折叠文本。所以刚刚在下面创建了一个模板，但它不会切换文本。 我可以看到 Toggle 切换到 true/false 但是，更改不起作用 <span data-bind

 <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());
            ;

【参考方案1】：

Toggle 是一个 observable 和一个布尔值，所以你需要将它与一个布尔值（'false' 是一个字符串）进行比较，并且由于 observables 是一个函数，你需要调用它们来获取它们的值：@987654323 @。或者，!Toggle()。