流星:无法显示我的文字
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/
我想用 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/