如何创建常规消息

时间:2015-05-15 13:01:11

标签: javascript meteor

我是Meteor的新手,来自Laravel环境,我不得不为一般消息(错误,成功,信息,警告等)创建模板。

这是我的布局。正如您所看到的,当事件发生并出现问题(或成功)时,我想显示该消息。

<template name="layout">
<div class="ui grid">
    {{>header}}
</div>
<div class="ui stackable page grid">
    {{#if somestatement}}
    {{>messages}}
    {{/if}}
    {{>yield}}
</div>
</template>

例如我的登录事件:

Template.login.events({
    'submit #login-form' : function(e, template) {
        e.preventDefault();

        var email = template.find('#login-email').value,
            password = template.find('#password').value;

        Meteor.loginWithPassword(email, password, function(err){
            if(err)
            {
                /*here i want to return the error and type to the template */

            }
            else
            {
                Route.go('dashboard');
            }
            return;
        });
        return false;
    }
});

消息模板:

<template name="messages">
    <div class="ui {{type}} message">
        <i class="close icon"></i>
        <div class="header">{{headerMessage}}</div>
        {{message}}
    </div>
</template>

但我不清楚如何去做。尝试了大量的东西,这似乎是一件非常容易的事情,所以我可能只是读得不够。但任何帮助表示赞赏。

3 个答案:

答案 0 :(得分:1)

查看flash-messages包。它旨在与引导程序一起使用,并提供显示各种类型消息的功能。大气中的自述文件中有很多例子。

https://atmospherejs.com/mrt/flash-messages

答案 1 :(得分:1)

同时查看s-alert包:) http://s-alert.meteor.com 它有非常好的文档和演示网站:http://s-alert-demo.meteor.com

氛围(超过800次下载:)):https://atmospherejs.com/juliancwirko/s-alert

答案 2 :(得分:1)

如果你想亲自动手并且碰巧拥有“发现流星”一书,那么可以在“错误”一章中显示错误信息。

我在我当前的网站上使用它,它在屏幕的右上方显示类似Growl的flash消息。可以轻松调整信息/警告颜色编码。