Question

我正在使用meteor和meteor-router进行客户端和服务器端路由。我想知道处理网站通知的好方法，特别是“闪存”类型。

在全局layout.html中，如果设置了“message”会话变量，我可以让把手输出一条消息，但是一旦应用程序被路由到Meteor.Router.to()的新网址，该消息就不应该留下来

有“闪光”通知的好方法是什么？或者，如何在路由到新URL后自动清除会话变量。

的layout.html：

<head>
  <title>Meteor App</title>
</head>
<body>
  {{> global-layout}}
</body>

<template name="global-layout">
   {{#if message}}
      <div class="message">{{message}}</div>
   {{/if}}
   {{renderPage}}
</template>

然后在layout.js

Template['global-layout'].message = function () {
  return Session.get('message');
};

Answer 1

我正在使用Meteor.Router.filter。此过滤器将应用于所有路径，因此将在所有URL更改时清除所有闪烁。

<强> routes.js

Meteor.Router.filters({
  // clearSeenMessages filter clears all seen messages. 
  // This filters is applied to all pages 
  clearSeenMessages: function (page) {
    flash.clear();
    return page;
  },
});

// applies to all pages
Meteor.Router.filter('clearSeenMessages');

这是实现的其余部分，方面是从telesc.pe

借来的

<强>客户端/视图/闪烁/ flash_item.html

    <template name="flashItem">
      {{#if show}}
        <div class="alert-box {{type}}">
          {{message}}
          <a class="close"  href="">&times;</a>
        </div>
      {{/if}}
    </template>

<强>客户端/视图/闪烁/ flash_item.js

// When the template is first created
Template.flashItem.created = function () {
  // Get the ID of the messsage
  var id = this.data._id;
  Meteor.setTimeout(function () {
    // mark the flash as "seen" after 100 milliseconds
    flash.Flashes.update(id, {$set: {seen: true}});
  }, 100);
}

<强>客户端/视图/闪烁/ flashes.html

<template name="flashes">
  {{#each flashes}}
    {{> flashItem}}
  {{/each}}
</template>

<强>客户端/视图/闪烁/ flashes.js

Template.flashes.flashes = function () {
  return flash.Flashes.find();
}

<强>客户端/视图/ app.html

<body>
  <!-- add the flashes somewhere in the body -->
  {{> flashes}}
</body>

<强>的客户机/ LIB / flashes.js

// flashes provides an api for temporary flash messages stored in a
// client only collecion
var flash = flash || {};

(function (argument) {
  // Client only collection
  flash.Flashes = new Meteor.Collection(null);

  // create given a message and optional type creates a Flash message.
  flash.create = function (message, type) {
    type = (typeof type === 'undefined') ? 'error' : type;
    // Store errors in the 'Errors' local collection
    flash.Flashes.insert({message: message, type: type, seen: false, show: true});
  };

  // error is a helper function for creating error messages
  flash.error = function (message) {
    return flash.create(message, 'error');
  };

  // success is a helper function for creating success messages
  flash.success = function (message) {
    return flash.create(message, 'success');
  };

  // info is a helper function for creating info messages
  flash.info = function (message) {
    return flash.create(message, 'info');
  };

  // clear hides viewed message
  flash.clear = function () {
    flash.Flashes.update({seen: true}, {$set: {show: false}}, {multi: true});
  };
})();

用法

flash.success('This is a success message');
flash.error('This is a error message');
flash.info('This is a info message');

Answer 2

您现在可以使用router-with-flash上提供的atmosphere软件包来处理Flash通知。如果您使用陨石（您应该使用），则可以在项目的根目录中执行mrt add router-with-flash。然后，要显示您需要的提醒 -

Meteor.Router.to("/", { alert: "Some alert..." });
Meteor.Router.notification("alert");

这将显示警报，直到下次调用Meteor.Router.to()。

在meteor（使用meteor-router）处理闪存通知的好方法是什么？

2 个答案:

用法