我是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>
但我不清楚如何去做。尝试了大量的东西,这似乎是一件非常容易的事情,所以我可能只是读得不够。但任何帮助表示赞赏。
答案 0 :(得分:1)
查看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消息。可以轻松调整信息/警告颜色编码。