Javascript 如何在MeteorJS中处理UI警报

我对MeteorJS完全陌生，我刚刚开始用它构建我的第一个应用程序

在我的应用程序中，我希望在某些前提条件下显示警报，以便通过界面向用户提供反馈

---

目前我正在使用

Session.set（“警报”，“这是一个警告！”）

，但我不知道这是否是最好的方法。这是实现警报的常用方法吗？

您可以使用仅存在于浏览器中的本地集合，即它不会与服务器同步

假设您已经定义了以下两个模板：

<template name="alerts">
  {{#each alerts}}
    {{> alert}}
  {{/each}}
</template>

<template name="alert">
  <div class="alert alert-{{type}}" role="alert">{{message}}</div>
</template>

之后，您需要创建一个帮助器函数，以便为

警报

模板设置适当的上下文：

Template.alerts.helpers({
  alerts: function () {
    return Alerts.find();
  }
});

此外，还可以定义一些辅助函数：

throwAlert = function (message, type) {
  Alerts.insert({message: message, type: type});
};

clearAlerts = function () {
  Alerts.remove({}); 
};

最后，您需要使用

{{>警报}

将

警报

模板包含到主模板中

要抛出警报，可以使用

throwAlert（）

函数：

throwAlert("Oh snap! Connection lost.", "danger");

我已经创建了一个应用程序，它将在向科学家添加点时显示客户端警报，并使用本地集合实现

throwAlert("Oh snap! Connection lost.", "danger");