从流星蒙戈返回数组

Question

ajduke:bootstrap-tagsinput

我正在使用上面的包来创建一个标签系统。我使用了上面链接中的True Input Value 中的<select multiple>，并将每个标签作为Strings 插入到tag array 中。

这就是我的数据库的样子。

Posts
    tags              //Array
        [0] : sometag //String
        [1] : sometag //String
        [2] : sometag //String
                      //and so forth..

所以我的问题是... 我想将帖子中的所有标签恢复为以下格式，以便在我的用户尝试编辑他们的帖子时重复使用它来显示标签。

想要的格式

['sometag', 'sometag', 'sometag', and so forth]

编辑1

这是我到目前为止所做的。

Post_Edit.js

Template.postEdit.rendered = function() {
    myTags = Posts.findOne({_id: this._id}).tags.fetch(); //AAA
    
    $('.tagsinput').tagsinput('add', myTags); //From above link API
}

我已经为//AAA 线尝试了其他方法，但我没有运气。我尝试过诸如Posts.findOne.map... 之类的东西，也许我的英语理解达不到标准，但流星中的文档并没有帮助我理解更好。

编辑 2

Posts.findOne({_id: "ziZw3wLaxFyz3DYP4"}).tags 我已经尝试将它放在浏览器控制台中，并以我想要的格式获得数组。

但问题是，当我使用它时，它在我的应用程序中不起作用。

当我在 postEdit.rendered 中使用 Posts.findOne({_id: this._id}).tags 时，我收到此浏览器控制台错误。 Cannot read property 'tags' of undefined Post_Edit.js

Template.postEdit.rendered = function() {
    myTags = Posts.findOne({_id: this._id}).tags;

    
    $('.tagsinput').tagsinput('add', myTags); //From above link API
}

我不明白为什么它可以在浏览器控制台中运行，而不是我的 Template.postEdit.rendered？

Answer 1

在调用 Template.postEdit.rendered 时未定义变量 myTags 是正确的，因为调用函数时 Posts 数据库尚未完成加载。

myTags = Posts.findOne({_id: this._id}).tags.fetch(); //AAA

解决方案
有多种策略，包括：

1. 订阅完成后更新 DOM
   http://docs.meteor.com/#/full/Blaze-TemplateInstance-subscribe

2. Collection改变时重新运行函数
   http://docs.meteor.com/#/full/tracker_autorun

   Template.postEdit.rendered = function() {
      Tracker.autorun(function () {  ** NEW LINE **
         myTags = Posts.findOne({_id: this._id}).tags; 
   
         $('.tagsinput').tagsinput('add', myTags); 
      } ** NEW LINE **
   }
   

Answer 2

我采用了一种完全不同的方法来解决这个问题。 但是我还是想知道为什么我的方法不起作用...

post_edit.js

Template.postEdit.helpers({
    tags: function(){
        Posts.findOne({_id:this._id}).tags;
    }
});

post_edit.html

<select class=tagsinput id="tagsinput" data-role="tagsinput">
    {{#each}}
        <option value="{{this}}">{{this}}</option>
    {{/each}}