MDCSnackbarFoundation类用法

Question

我如何使用MDCSnackbarFoundation？使用MDCSnackbar

这个文档不够明确,无法得到一个想法. https://github.com/material-components/material-components-web/tree/master/packages/mdc-snackbar#using-the-foundation-class

这是我的代码,我需要为它绑定MDCSnackbarFoundation.

logger = new MDCSnackbar($selector[0]);

谢谢

Answer 1

首先，您必须有一个Node.js服务器。然后你必须安装Node.jssnackbar的包，如下所示：

\n\n

npm install @material/snackbar\n

\n\n

响应 Snackbar 操作

\n\n

要响应小吃栏操作，请将函数分配给actionHandler传递给 show 方法的对象中的可选属性。如果您选择设置此属性，则还必须设置actionText属性。

\n\n

npm install @material/snackbar\n

\n\n

<div class="mdc-snackbar"\n     aria-live="assertive"\n     aria-atomic="true"\n     aria-hidden="true">\n  <div class="mdc-snackbar__text"></div>\n  <div class="mdc-snackbar__action-wrapper">\n    <button type="button" class="mdc-snackbar__action-button"></button>\n  </div>\n</div>\n

\n\n

了解更多信息：

\n\n

\n
• 设计和 API 文档
\n
• 演示信息栏
\n

\n\n

在开始使用 Node.js 之前，我建议您阅读两本书中的一本：

\n\n

\n
• 学习节点：移至服务器端
\n
• Node.js Web 开发：服务器端开发
\n

\n