使用 data-link 获取字符串的长度

Question

我想在我的文本区域中显示文本的长度。但是因为我不想为它构建一个事件处理程序，所以我想尝试用 data-link 来解决这个问题。不幸的是，我找不到这样做的方法。

<textarea id="commentText" data-link="commentText()"></textarea>
<span><span id="commentTextLength">{^{>commentText().length}}</span>/300</span>

Answer 1

您只需将表达式从 commentText().length 更改为 commentText()^length。

参见"deep linking"。

通过这种方式，只要 commentText() 本身发生可观察到的变化，您就可以更新表达式。

所以你可以这样写：

{^{>commentText()^length}}

或

<span data-link="commentText()^length"></span>

无论您是使用纯字符串值 commentText^length 还是像您的示例中那样使用计算的可观察值 commentText()^length，这都同样有效。