Невозможно получить входное значение с помощью события click в meteorjs

Question

Я новичок в метеор, и у меня возникла проблема в событии click.

Код:

Template.addPost.events({ 
'click button':function(event){ 
    event.preventDefault(); 
    var postName=event.target.postName.value; 
    Posts.insert({ 
     name:postName, 
     createdAt:new Date() 
    }); 
    event.target.postName.value=''; 
    } 
}); 

HTML код:

<template name='addPost'> 
    <input type='text' placeholder='Add post here' name='postName'> 
    <button class="btn btn" type="button">Post</button> 
</template> 

Однако в браузере на нажатии кнопки значение ввода не вставлена ​​в базу данных Монго.

Answer 1

Событие click находится на кнопке, но вы хотите сослаться на значение поля ввода в вашей вставке. У вас уже есть name для input области, так что вы можете обратиться к нему с помощью JQuery и селектором имя:

Template.addPost.events({ 
'click button': function(event){ 
    event.preventDefault(); 
    var postName = $('input[name="postName"]').val(); 
    Posts.insert({ name: postName, createdAt: new Date() }); 
    $('input[name="postName"]').val(''); 
    } 
}); 

Answer 2

Информация, которую вы предоставили, очень ограничена. Есть несколько различных сценариев.

Вы уверены, что используете подходящее событие? Выше вашего метода Posts.insert() попробуйте console.log переменную postName.

Вы избавились от автоматических и небезопасных пакетов?

Answer 3

Вы не можете получить доступ к значению входного postName с

var postName=event.target.postName.value; 

postName не является членом цели события (которое само по себе кнопка). Добавление атрибута id для ввода и доступа к значению над ним решит вашу проблему. Поэтому обращайтесь к нему:

postName = $('#myinput').val();