В meteorJS почему hideFinished написано по-разному? - PullRequest
Новая
       5

В meteorJS почему hideFinished написано по-разному?

0 голосов
/ 23 октября 2018

HTML-код - 

    <body>
      <div class="container">
        <h1> TO DO</h1>
        <label class="hide-finished">
          <input type="checkbox" checked="{{hideFinished}}">
          Hide Finished Tasks
        </label>

JS code-

    Template.body.events({
            'Submit. new-task' : function(event){
                var title= event.target.title.value;
                Tasks.insert({
                    titile:title,
                    createdAt:new Date()
                });
                event.target.title.value="";
                return false;
            },
            'change.hide-finished':function(event){
                Session.set('hideFinished',event,target,checked);
            }
        });

Почему скрытие завершено написано двумя разными способами?Как "hideFinished" и "Hide-Finished"?Почему в коде HTMl это написано с "-", а в коде JS это написано в случае верблюда.

1 Ответ

0 голосов
/ 24 октября 2018

Выражение {{hideFinished}} вызывает помощника по шаблону с этим именем.Где-то в шаблоне тела должен быть некоторый помощник, определенный следующим образом: 

Template.body.helpers({
  hideFinished () {
    // ... helper code
  }
})

Обычно он используется для вычисления некоторых значений, которые будут отображаться в вашем шаблоне.

Второй:имя компонента, которому сопоставляется событие, в вашем случае .hide-finished (хотя между именем события и селектором должен быть пробел, означает, что change .hide-finished должно быть правильным именем).

Это событие прослушивает событие change элемента с именем класса hide-finished и выполняет определенную функцию.

Обратите внимание, что в вашем коде вы в настоящее время прослушиваете изменение элемента label,Чтобы правильно зафиксировать изменения, это должен быть элемент input. 

<label>
  <input class="hide-finished" type="checkbox" checked="{{hideFinished}}">
  Hide Finished Tasks
</label>

Хорошим началом чтения о том, как использовать шаблоны в Meteor, является документация Blaze, в вашем случае, особенно эти части:

http://blazejs.org/#Quick-Start

http://blazejs.org/guide/spacebars.html

http://blazejs.org/api/templates.html#Event-Maps

...