オブジェクト(Node.js &&ハンドルバー)で指定されたデータを使用して動的なahrefリンクを構築する方法

アンドリュー

1時間ほど検索した後、助けが見つからなかったので、ここで質問します(私の質問は、5行目と6行目の2番目のコードブロックにあります)。私は次のようにサーバーからクライアントに送信されるオブジェクトの配列を持っています:

router.get('/tasks', ensureAuthenticated, function(req, res, next) {
    db.tasks.find({ forUser: req.params.userId }, function (err, tasks) {
        res.render('tasks', { tasks: tasks }); // EACH TASK(obj) FROM TASKS(arr) HAS ITS _id
    });
});

そして、私は次のようなハンドルバーを介してクライアントにそれらのタスクを表示しています:tasks.handlebars

<ul class="list-group">
{{#if tasks}}
    {{#each tasks}}
        <div class="list-group">
            <!-- This is where I got lost, here in this href should be /task/:id -->
            <a href='WHAT GOES HERE?' class="list-group-item list-group-item-action flex-column align-items-start">
                <div class="d-flex w-100 justify-content-between">
                    <h5 class="mb-1">{{title}}</h5>
                    <div class="row" style="padding-left: 25px">
                        <small>From: {{dateCreated}}</small>
                        <small>To: {{deadline}}</small>
                    </div>
                </div>
                <p class="mb-1">{{description}}</p>
            </a>
        </div>
    {{/each}}
{{else}}
    <p>No tasks.</p>
{{/if}}

したがって、各タスクで、サーバー上でこれを呼び出すonclick関数を実行する必要があります。

router.get('/task/:id', ensureAuthenticated, function(req, res, next) {
    db.tasks.findOne({_id: mongojs.ObjectId(req.params.id) }, function (err, task) {
        if (err) res.send(err);
        res.json(task);
    }); 
});
サムH。

ハンドルバーのドキュメントによると、ifブロックは必要ありません。各ブロックの後に、同じレベルのelseを続けることができます。一見したいhref="{{this._id}}"

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

Related 関連記事

ホットタグ

アーカイブ