在 Meteor 中调用聚合函数

Question

我是 JavaScript 的菜鸟，如果我遗漏了什么，请原谅我的愚蠢问题。我们都同意，示例页面应该是清晰的，即使是婴儿也能理解，对吧？我知道我可以将他们的 demo.html 复制到我的应用程序中，我得到了我想要的，但我做错了。

我想实施 core-overlay 但有些东西遗漏了。像我这样的菜鸟只会将其复制并粘贴到我的应用程序页面中，并希望看到切换按钮：

<core-overlay>
  <h2>Dialog</h2>
  <input placeholder="say something..." autofocus>
  <div>I agree with this wholeheartedly.</div>
  <button core-overlay-toggle>OK</button>
</core-overlay>

我看到的只是一个空白页面，但我知道必须添加一些功能。为什么他们的大多数例子都不清楚？如何获取切换按钮？

另一个网站如下所述，但仅适用于 paper-toast 功能：

<paper-fab icon="add" onclick="document.querySelector('#toast').toggle()"></paper-fab>

Answer 1

请检查 Meteor Polymer package。如果运行

可以轻松安装

meteor add ecwyne:polymer

话虽如此，请注意此包不会为您提供聚合物元素，要包含核心元素和纸元素，请运行

meteor add ecwyne:polymer-elements

Answer 2

您必须在 main.html 中包含 Web 组件 polyfill（如果不在 chrome 上）和每个特定的包组件。像这样：

<link rel="import" href="/components/paper-dialog/paper-dialog.html">

假设您将组件放入 public/components。

您还需要创建一个与聚合物属性匹配的 fullbleed class 并将其粘贴到您的 Router.route:

bodyClass: 'fullbleed'

参见 https://github.com/Differential/polymer-demo 示例（但无需硫化）。

附带说明一下，在使用聚合物 + 流星 5 个月后，我决定从我的项目中移除聚合物并仅以传统方式制作组件。现在事情简单多了。如果您刚刚起步并且不想构建自己的框架，请尝试 css 框架，例如 materialize。相同的最终结果。

在 Meteor 中调用聚合函数

Calling a Polymer Function in Meteor

javascript

meteor

polymer