流星:无法显示我的文字

Meteor: Can't display my text

我想用 Meteor 建立一个网站。这里只是我的 html 代码的一个例子。

<head>
    <title>version_0.0.4</title>
</head>

<body>
     <h1>Welcome to Meteor!</h1>
     {{> myTemplate}}
</body>

<template name="myTemplate">
    <p id="&firstContent">Test to show my first content</p>
    <p id="&secondContent">Test to show my second content</p>
    <button type="button" id="save">Save content</button>
</template>

现在,当有人按下保存内容时,我想在我的数据库中保存所有 ID 开头带有“&”符号的 innerHtml,这很好用。

    /* ----- functions to include ----- */
function inputContent(collection, inhalt, alteID){
    var id = collection.insert({
        content: inhalt,
        htmlId: alteID
    });
    return id;
}     

Template.myTemplate.events({
    'click #save': function () {
        $(document).ready(function() {    //Damit der Code erst ausgeführt wird, wenn der DOM geladen ist
            var all = $('*[id^="&"]');      // Das "&" Zeichen ist der Identifier/ in all speichern aller elemente
            console.log(all);
                for (var i = 0; i < all.length; ++i) {
                    var item = all[i];  //Durch all iterieren
                    var idNeuesItem = inputContent(textList, item.innerHTML, item.id);//Enthält ID über Callback
                    console.log("Gespeichert :" + textList.findOne({_id: idNeuesItem}).content);
                } 
            });
        }
  });

在我完成这些之后,我现在手动删除了 innerHtml 代码,这样我的 htmt 文件看起来像这样:

<template name="myTemplate">
<p id="&firstContent"></p>
<p id="&secondContent"></p>
<button type="button" id="save">Save content</button>

现在我想要显示我的 id 中的内容的可能性,这样对于用户来说它看起来像以前一样,但内容来自数据库。我已经尝试过不同的版本,但其中 none 有效。有人可以帮我吗?抱歉,这是一个新问题,我对流星还很陌生...... 感谢您的帮助

您需要编写一个辅助方法来将您正在存储的 JSON 对象的某些属性发布到数据库中。

你的看起来像这样(写在服务器端)

Template.myTemplate.helpers({
  item: function () {
    return itemList.findOne({_id: idNeuesItem});  //retrieve item
  }
});

然后您必须像这样将它放在模板中:

 <p id="&firstContent">
  {#with item}
        {{content}}
  {/with]
  </p>

在此处阅读有关使用 Meteor 和空格键的更多信息: https://www.discovermeteor.com/blog/a-guide-to-meteor-templates-data-contexts/