meteor - meteor を使用して、データベースの更新された値を textarea に追加します

Question

私はメテオが初めてで、例を見てWebアプリケーションを作成することを学んでいます。データベースの更新された値を html テキストエリアに追加したいと考えています。たとえば、キー「センサー」の値を更新する場合、センサー値をテキストエリアに追加する必要があります。meteor を使用してそれを行うにはどうすればよいですか?

Answer 1

ハンドルバー ヘルパーを使用し、変更をテキスト エリアにバインドしてフィールドを更新します。

html

<template name="hello">
    <textarea name="address">{{address}}</textarea>
</template

クライアント側のjs

//Your collection that stores your data
MyCollection = new Meteor.Collection("mycollection");

//Your handlebars helper to give some data to address
Template.hello.address = function() {
    var address = MyCollection.findOne({name:address});
    if(address) return address.value;
}

//Something to bind changes to your address to your collection
Template.hello.events({
    'change [name=address]' : function(e,cxt) {
        var address = MyCollection.findOne({name:address});
        MyCollection.update(address._id, {$set:{value:e.currentTarget.value}});
    }
});

最後に、サーバー側の js にも何かが必要です。

//The same collection as on your client
MyCollection = new Meteor.Collection("mycollection");

//Insert an address on the first time if there is nothing in yet:
Meteor.startup(function() {
    if(!MyCollection.findOne({name:address})) {
        MyCollection.insert({name:address,value:"10 Downing St, London, United Kingdom"});
    }
});

これが、変更されたときにテキスト領域を更新し、テンプレートに値を表示するための基本的な要点です。更新されると、ページを表示しているすべてのタブ/すべての人に更新が反映されます。