在Firestore中添加新文档的问题

时间:2019-11-16 10:18:24

标签: javascript html firebase google-cloud-firestore

我在Firestore中有一个集合:
集合(模型)-> 文档(风扇)-> 集合(资产)

我想向收藏夹(资产)中添加一个新文档

这是HTML代码:

<form>
 <input type="text" id="asset_id" />
 <button type="submit" id="submit">Submit</button>
</form>

JavaScript代码:

const assets = firestore.collection("Models").doc("Fan").collection("Assets");

document.querySelector('#submit').addEventListener('click', () => {
var asset_id = document.getElementById("asset_id").value;
 addAsset(asset_id);
});

const addAsset = asset => {
    assets.add({asset_type: asset});
};

但是代码不起作用,并且没有添加任何内容

1 个答案:

答案 0 :(得分:2)

通过为按钮分配submit类型,可以在触发Firebase方法之前提交表单。

按如下所示将类型更改为button应该可以解决问题:

<form>
 <input type="text" id="asset_id" />
 <button type="button" id="submit">Submit</button>
</form>

有关详细信息,请参见W3 specification