使用 mongoDB 数据初始化 Bootstrap 颜色选择器

Question

我有一个流星应用程序，我添加了插件colorpicker 作为组件。 但我想用一个 MongoDB 集合中的值来初始化它。 所以我初始化了输入文本（类似于#32a214）但是我不知道如何初始化右边小方块的颜色。

在我的 html 文件中：

<div class="form-group"><label class="col-sm-2 control-label">Color text image<br/></label>
    <div class="col-sm-10">
         <div id="colorText" class="input-group colorpicker-component">
            <input type="text" value={{textImageColor}} id="textImageColor" placeholder="Choose a color" class="form-control" />
            <span class="input-group-addon"><i></i></span>
        </div>
    </div>
</div>

在我的 javascript 文件中，我有：

Template.yourTile.rendered = function(){

    $('#colorText').colorpicker({
        color: "#32a214"
    });
}

所以我想用数据库中的值替换“#32a214”。 我想做这样的事情：

color: {{textImageColor}} 

但它不起作用。 那么，你知道我该怎么做吗？

编辑：

我在服务器端有一个 javascript 代码：

Meteor.publish('tiles', function(){
  return tiles.find();
});

我通过助手获取数据：

Template.yourTile.helpers({
    'textImageColor': function(){
        var userID = Meteor.userId();
        var doc = tiles.findOne({createBy: userID });
        var textImageColor = doc && doc.textImageColor;
        if(textImageColor == ""){
            return "";
        }else{
            return textImageColor;
        }
    }
}

因此，如果我在 html 文件中调用 {{textImageColor}}，它可以工作，但不能在 javascript 文件中。 我想这可能是因为加载。颜色在渲染中被初始化，所以如果我用{{textImageColor}} 替换颜色，它不起作用，因为该值尚未从 mongoDB 集合中加载。所以也许我需要等待获得价值，但我不知道该怎么做。

Answer 1

要成功发布/订阅，您需要以下所有条件：

1. 在 db 中收集数据
2. 客户端和服务器代码通用的集合定义
3. 服务器上的发布者
4. 客户端上的订阅者
5. 客户端上的 find()

看来您缺少 #2。

在一些通用代码（例如 /collections/tiles.js）中，您需要定义集合。例如

tiles = new Mongo.Collection('tiles');

在服务器上运行时，它将确保集合存在于数据库中。在客户端上，它将为客户端 find() 运行的那个集合创建一个 mini-mongo 实例。它还将创建对这些集合的引用“tiles”。