javascript – Handlebars – substring

前端之家收集整理的这篇文章主要介绍了javascript – Handlebars – substring前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是 Handlebars模板系统的新功能,这是我正在使用Handlebars的第一个项目.我创建了简单的模板:
<script id="article_list_template" type="text/x-handlebars-template">
    {{#each this}}
    <div class='article'>
    <a href='article.PHP?id={{id_news}}' data-article_id='{{id_news}}'>
        <h1>{{title}}</h1>
    </a>
        <p> {{{content}}} </p>
    <div style='clear: both;'> </div>
    </div>
    {{/each}}
</script>

返回的内容很长.我希望它更短,例如150个字符我试图使用JavaScript substring()方法如下:

< p为H. {{{content.substring(0,150)}}}< / p>

但它显然没有奏效.你能给我一些技巧如何处理这个问题.谢谢

编辑:
好的,问题解决
我已经在PHP中完成了,所以返回的内容现在有适当的长度:

foreach ($articles as $a) {
    $a->content = cut_text( $a->content,30);
}

解决方法

您将要在JavaScript中创建一个Handlebars助手来执行子字符串代码
Handlebars.registerHelper('trimString',function(passedString) {
    var theString = passedString.substring(0,150);
    return new Handlebars.SafeString(theString)
});

然后,在你的模板中,你可以这样称呼:

<p> {{{trimString content}}} </p>

猜你在找的JavaScript相关文章