Javascript 使用return语句中的数组在meteor中使用iron router动态加载js内容

Javascript 使用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中引用帮助程序。不仅如此,您的助手中没有任何反应数据 要比在助

我想使用meteor中的iron router加载属于指定模板的js内容。return语句返回纯文本-它对于包含一些html语句的数组没有用处。如何在Template.info.helpers中使用以下数组和以下html语句返回它

.js

.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}}}