9

我正在使用流星和流星路由器进行客户端和服务器端路由。我想知道处理站点通知的好方法，特别是“flash”类型的通知。

在全局 layout.html 中，如果设置了“消息”会话变量，我可以让把手输出消息，但是一旦应用程序被路由到带有Meteor.Router.to().

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

布局.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');
};
4

2 回答 2

9

我Meteor.Router.filter为此使用了一个。此过滤器将应用于所有路由，因此所有 url 更改都会清除所有闪烁。

路由.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借来的

客户端/views/flashes/flash_item.html

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

客户端/views/flashes/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/flashes.html

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

客户端/视图/flashes/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');
于 2012-12-30T18:22:38.437 回答
0

您现在可以使用大气中可用的路由器-带闪存包来处理闪存通知。如果你使用陨石（你应该这样做），你可以在项目的根目录中进行。然后，要显示警报，您需要 -mrt add router-with-flash

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

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

于 2012-12-30T11:04:06.910 回答