根据 mongo 设置 HTML 标签的 class 导致流星

Question

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

Mongo 合集如下所示：

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

我的列表组项目如下所示：

<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-dangerbased ontype = 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 标签的 class 导致流星

Setting HTML tag's class based on mongo result in meteor

if-statement

mongodb

meteor

spacebars