Meteor ToDoのリストとタスクを関連付ける

Question

私はMeteorチュートリアルからtodoアプリケーションを構築して、それを続行しています。私はタスクモデルに基づいていくつかのリストを構築していますが、それらに参加する方法はわかりませんし、1つのリストをクリックすると、このリストからすべてのタスクが欲しいと言います。瞬間のために

、私はTasks.jsを持っている：

'tasks.insert'(text, privacy, priority, listId) { 
     ... 

     Tasks.insert({ 
      text, 

      listId: listId, 

      owner: this.userId, 
      username: Meteor.users.findOne(this.userId).username, 
     }); 
    }, 

Body.js

Template.body.events({ 
     'submit .new-task' (event) { 
      event.preventDefault(); 

    const listId = ??? 

    const target = event.target; 
    const text = target.text.value; 
    ... 
    Meteor.call('tasks.insert', text, privacy, priority, listId); 
    ... 
}, 

そして、私はそれを表示場所：

Template.body.helpers({ 
    tasks() { 
     const instance = Template.instance(); 

     if (instance.state.get('hideCompleted')) { 
      return Tasks.find({ checked: { $ne: true } }, { sort: Session.get("sort_order") }); 
     } 
     return Tasks.find({}, { sort: Session.get("sort_order")}); 
    }, 

    lists() { 
     return Lists.find({}, { sort: { createdAt: -1 } }); 
    }, 

I私の体.html、私はちょうど別々に各項目（リストとタスク）を表示します。しかし、問題は両者の関係をどうやって作るのか分かりません。

私を助けてくれますか？

ありがとうございました

Answer 1

私はあなたが既にセッションを使用しているのを見ています。基本的には、ユーザーが選択したリストを追跡するSession変数を使用し、その変数でタスクをフィルタリングします。あなたはあなたのリストの名前を表示するあなたの体の

、HTML属性としてリストのIDを追加します。

{{#each lists}} 
    <a href='#' class='list-name' data-id='{{this._id}}'> 
    {{this.name}} 
    </a> 
{{/each}} 

セッション変数にそのIDを保存し、リスト名をクリックするイベントを追加します。

return Tasks.find(
    { listId: Session.get('listId') }, 
    { sort: Session.get("sort_order") } 
); 

：あなたの tasksヘルパーで

Template.body.events({ 
    'click .list-name' (event) { 
    event.preventDefault(); 

    Session.set('listId', event.currentTarget.attr('data-id')) 
    } 
}) 

、セッション変数を使用して、クエリにフィルタを適用

もっと明確なものがあれば教えてください。