使用return语句中的数组在流星中使用铁路由器动态加载js内容

Question

我想通过在流星中使用铁路由器来加载属于指定模板的js内容。 return语句返回纯文本-对于带有某些html语句的数组，它没有用。 如何通过在Template.info.helpers中将以下数组与以下html语句一起使用来返回它？

.js文件

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
)};    

html的

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

请帮忙。 那里已经是一个有用的遮阳篷，但是我现在又遇到了另一个问题... :)

Answer 1

好的，我现在得到了问题。 您试图直接从帮助程序中操作DOM，但现实情况是您的帮助程序永远不会运行，因为您没有在html中引用这些帮助程序。 不仅您的助手中没有任何反应性数据。

比在帮助程序中操作DOM简单得多，只需让帮助程序return所需的字符串，然后使用{{hello}}和{{info}}将它们直接插入模板即可

JS：

Template.info.helpers({
    info() {
        return "Some info";
    }
)};

Template.hello.helpers({
    hello() {
        return "Hello";
    }
)};

HTML：

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

{{hello}}告诉blaze 查找其键名为“ hello”的帮助程序，并将其插入此处 。

请注意， {{> hello}}和{{hello}}会做完全不同的事情。 第一个将插入名称为“ hello”的整个模板 ，第二个将呈现“ hello” helper的结果 。

如果您的助手返回的是html而不是纯文本，则您需要在模板中使用三括号，例如

{{{hellohtml}}}