在meteorjs和bootstrap 3中僅顯示50個字符

Question

我正在為我的應用程序使用Meteorjs和bootstrap 3。 我對這兩個都是新手。 我正在做的是從數據庫中獲取一些對象並將它們呈現在Table中。 但是問題是如果對象文本太長，則會增加表的行大小，從而影響所有模板結構。 我可以通過隱藏溢出來做到這一點，但這不是正確的方法。 我這樣做

{{#each questions}}
    <tr>
        <td>
<a href="#" data-id="{{_id}}" class="edit"> {{question_text}}</a>
         </td>
    </tr>
{{/each}}


Template.questions.questions = function () {
    questions= Meteor.questions.find({topic_id: Session.get("currentTopicId")});
    return questions
}

我只想在TD單元格中顯示問題的前50個字符，后面再加上幾個點。 如何在meteorjs中做到這一點。 我需要在渲染之前分割文本嗎？ 或告訴我如何在模板中拆分問題文本，或者是否有任何內置方法僅顯示文本的前50個字符。

我的下一個查詢是當我打印或執行console.log（questions）時，它向我顯示了許多字段，例如集合，查詢以及一些其他內容，其中查詢，結果，文檔均包含對象問題。 如何從響應對象中獲取這些問題對象。 意味着我要遍歷這些問題對象的循環。 我怎樣才能做到這一點。

簡單地說，我想對檢索到的對象進行循環。

有人可以使用handlebarsjs.js發布完整的示例

Answer 1

您可以通過助手來完成。

 Handlebars.registerHelper('trimString', function(passedString) {
      return new Handlebars.SafeString(passedString.substring(0,50))
   });

{{trimstring question_text}}

Answer 2

在CSS3的世界中，JS中的修剪文本不再是這種情況。 我鼓勵您為此使用CSS3。 好處？

• 懸停后的修飾文字會以完整格式顯示在提示中，
• 與元素寬度相關的動態修整（在這種情況下為td單元），
• 更大的靈活性

.trimmed { 
    overflow: hidden; /* needed to make text-overflow work */
    text-overflow: ellipsis; /* adds '...' */
    width: 9em; /* can be fixed of flexible like % */
    white-space: nowrap; /* do not wrap text if it not fit in an element */
}