Question

我正在构建一个列表组，其中包含后端设备抛出的异常和警告。 list-group使用名为＆＃39; type＆＃39;的字段读取集合。此类型字段可能包含警告或错误。基于警告/错误，如何在流星中设置list-group-item-danger / list-group-item-warning？

Mongo Collection看起来像这样：

{ type:"red", timestamp: new Date(), message:"something happened 3"}

我的list-group-item如下所示：

<a href="#" class="list-group-item clearfix">
        <i class="fa fa-comment fa-fw"></i> {{ message }}
        <div class="pull-right text-muted small"><em>{{timestamp}}</em>
        </div>
    </a>

如何合并mongo返回的list-group-item list-group-item-danger based on type = red`？

Answer 1

我在流星论坛的帮助下弄清楚了。

模板：

...
<a href="#" data-toggle="modal" data-target="#alertModal" class="{{listGroupClass}} clearfix">
...

<强>助手：

Template.alert.helpers ({
    listGroupClass: function() {
        if (this.type == "red") {
            return "list-group-item list-group-item-danger";
        }else
        if (this.type == "warning") {
            return "list-group-item list-group-item-warning";
        }else
        if (this.type == "info") {
            return "list-group-item list-group-item-info";
        }
    }


});

基于mongo设置HTML标记的类导致流星

1 个答案: