在流星铁路由器中填充带有参数的文本框
Populating a text box with parameter in meteor iron router
所以我设置了一条流星路线:
Router.route('/joinRoom/:_id', function () {
this.render('joinRoom');
});
和一个简单的 html 模板:
<template name="joinRoom">
<p>Enter Your Room ID</p>
<input placeholder="1" type="text" class="joinID">
<button class="submit" type="submit" value="submit">Join Room -></button>
</template>
我想将作为 _id
参数传入的数据填充为 <input>
中的文本。
我试着查看 Iron Router 的文档,但我无法弄明白。我该怎么做?
您可以通过以下方式将数据从后端发送到模板。
this.render('joinRoom', {id :this.params._id});
而在模板上,您可以通过以下方式实现。
<input value={{ id }} />
您可以在助手中使用 Router.current().params
从 url 中获取参数。
<input placeholder="1" type="text" class="joinID" value={getId}>
助手:
getId: function () {
var params = Router.current().params;
return params && params._id ? params._id : '';
}
所以我设置了一条流星路线:
Router.route('/joinRoom/:_id', function () {
this.render('joinRoom');
});
和一个简单的 html 模板:
<template name="joinRoom">
<p>Enter Your Room ID</p>
<input placeholder="1" type="text" class="joinID">
<button class="submit" type="submit" value="submit">Join Room -></button>
</template>
我想将作为 _id
参数传入的数据填充为 <input>
中的文本。
我试着查看 Iron Router 的文档,但我无法弄明白。我该怎么做?
您可以通过以下方式将数据从后端发送到模板。
this.render('joinRoom', {id :this.params._id});
而在模板上,您可以通过以下方式实现。
<input value={{ id }} />
您可以在助手中使用 Router.current().params
从 url 中获取参数。
<input placeholder="1" type="text" class="joinID" value={getId}>
助手:
getId: function () {
var params = Router.current().params;
return params && params._id ? params._id : '';
}