Javascript 使用return语句中的数组在meteor中使用iron router动态加载js内容
我想使用meteor中的iron router加载属于指定模板的js内容。return语句返回纯文本-它对于包含一些html语句的数组没有用处。如何在Template.info.helpers中使用以下数组和以下html语句返回它 .js .htmlJavascript 使用return语句中的数组在meteor中使用iron router动态加载js内容,javascript,meteor,iron-router,Javascript,Meteor,Iron Router,我想使用meteor中的iron router加载属于指定模板的js内容。return语句返回纯文本-它对于包含一些html语句的数组没有用处。如何在Template.info.helpers中使用以下数组和以下html语句返回它 .js .html 请帮忙。allready有一个有用的awnser,但我现在有另一个问题…: 好的,我现在知道问题了。您试图直接从帮助程序中操纵DOM,但事实是,帮助程序永远不会运行,因为您没有在html中引用帮助程序。不仅如此,您的助手中没有任何反应数据 要比在助
请帮忙。allready有一个有用的awnser,但我现在有另一个问题…: 好的,我现在知道问题了。您试图直接从帮助程序中操纵DOM,但事实是,帮助程序永远不会运行,因为您没有在html中引用帮助程序。不仅如此,您的助手中没有任何反应数据 要比在助手中操作DOM简单得多,只需让助手返回所需的字符串,并使用{{hello}}和{{info}将它们直接插入模板中即可 js: html:
不清楚你在问什么。所有的js应该一直在那里。您是在谈论您的助手吗?例如,如果我在正确显示的hrefs中更改为。js中的helpers内容将不显示。除了一些信息和Hello,还有一些变量:比如var text=Hello;,但我觉得没关系。非常感谢。我明天试试。现在已经很晚了,我一点也不安。我用一个变量的返回来尝试它。我认为这更容易。当然,返回返回纯文本。。。如果变量非常非常复杂,我该怎么办?表示它包含一些html部分,变量是数组。像var数组=;对于var=0;i<10;i++{array+=i;}我的编辑速度太慢了:这不会让我平静下来。我用一个变量的返回来尝试它。它起作用了!但是我认为这更容易。当然,返回返回纯文本。。。如果变量非常非常复杂,我该怎么办?表示它包含一些html部分,变量是数组。像var数组=;对于var i=0;i<10;i++{array+=+i++;}返回数组;->将返回纯文本。通过这种方式,我使用了document.getElementByIdhello.innerHTML,但该网站需要重新加载,并且不会立即显示。@kornholio,请回答这个问题。首先,再次学习流星火焰教程可能已经为您提供了一些答案。如果您需要进一步的帮助,请随时提出新问题。@kornholio顺便说一句,不要忘记接受这个答案,因为您说它有效。一旦你有足够的声誉,你也将有能力提高投票。
Router.route('/', function () {
this.render('info');
});
Router.route('info');
Router.route('/hello', function () {
this.render('hello');
});
Template.info.helpers({
info() {
var iterate ="";
for (var i = 0; i < 10; i++){
iterate += "<div class='row'>" + i + "</div>";
}
return iterate;
} // Gives raw text -> Works NOT fine: <div class='row'>0</div><div class='row'>1</div>...
)};
Template.hello.helpers({
hello() {
var text = "Hello";
return text;
} // Works fine
)};
<template name="hello">
<a href="{{pathFor route='info'}}">Home</a>
</br>
<a href="{{pathFor route='hello'}}">hello</a>
<p>{{hello}}</p>
</template>
<template name="info">
<a href="{{pathFor route='info'}}">Home</a>
</br>
<a href="{{pathFor route='hello'}}">hello</a>
<p>{{info}}</p> <!-- Gives raw text -> Works NOT fine: <div class='row'>0</div><div class='row'>1</div> ... and so on -->
</template>
Template.info.helpers({
info() {
return "Some info";
}
)};
Template.hello.helpers({
hello() {
return "Hello";
}
)};
<template name="hello">
<a href="{{pathFor route='info'}}">Home</a>
</br>
<a href="{{pathFor route='hello'}}">hello</a>
<p id="hello">{{hello}}</p>
</template>
<template name="info">
<a href="{{pathFor route='info'}}">Home</a>
</br>
<a href="{{pathFor route='hello'}}">hello</a>
<p id="info">{{info}}</p>
</template>
{{{hellohtml}}}