javascript - 限制使用 Meteor blaze 输出的文本数量

标签 javascript css character meteor-blaze display

我有一个应用程序接受最少 1000 个字符作为输入,当我想在屏幕上显示它时,只应显示大约 400 个字符,但我似乎还没有找到如何做到这一点。该辅助类返回一个对象,因此可以通过该对象访问所有变量。

模板助手:

Template.SchoolDashboardLayout.helpers({
    selected: function () {
    return Session.equals('selectedSchool', this.__originalId) ? 'selected' : '';
}
})

这是使用 blaze 的前端,它返回所有 1000 个字符,但我想将显示限制为仅 400 个字符,我该怎么做?

<span> {{sellschoolvar}} </span>

最佳答案

您可以注册另一个助手来 chop 字符串。如果您将其注册为全局帮助程序,如下所示,则可以在应用程序的其他位置使用它(但如果您愿意,也可以将其包含在 SchoolDashboardLayout 帮助程序中)。

Template.registerHelper("truncate", function(text) {
  return text.substring(0, 400)
});

然后您的模板将更改为

<span>{{truncate sellschoolvar}}</span>

这就是基本思想 - 现在您可以使用它来更改 chop 文本的长度,或在末尾添加“...”,或任何您喜欢的内容。

查看有关全局模板助手的更多信息 here

关于javascript - 限制使用 Meteor blaze 输出的文本数量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44359423/

相关文章:

javascript - 1000hz Bootstrap 验证器数据切换 ="validator"不工作

javascript - 对齐三个按钮,使它们位于两个 Bootstrap Jumbotron 容器的底部

CSS 动画放慢位置

swift - 如何有效地比较 Swift 中的字符

string - Bash:从字符第一次出现到第二次出现的子字符串

emacs - 使用 Emacs 从区域中的每一行中删除前 'x' 个字符

javascript - CasperJS/SpookyJS css 选择器存在且不存在

javascript - 如何将变量从 iframe 传递到页面?

javascript - ReactCSSTransitionGroup 不激活过渡

html - 最后一个 child 选择CSS中的所有 child ?