snackbar - 基本 Snackbar 示例未显示在 Material Design Components for Web

Question

Material Design Components for Web 的快餐栏基本示例不起作用。它产生错误：

```
TypeError: snackbar.show is not a function
```

我尝试使用 jQuery 来确保 DOM 正确加载。我曾尝试来回更改 javascript 初始化方法，但似乎没有一个有效。

你可以在这里找到代码：https ://jsbin.com/mejefeq/edit?html,console,output

我一遍又一遍地阅读了这些文档，但没有一个提到任何关于此的内容。由于这个 MDC for Web 一点也不流行，我无处可去寻求帮助。

标签： snackbarmdc-components

Answer 1

是的，这是0.43.0 更新中的一个重大变化。显示小吃店的新方法是使用

snackbar.open();

然而，这只会打开小吃店。如果要更改小吃栏中的文本，可以使用：

snackbar.labelText = 'Your new text';

因此，您可以一起使用它们：

snackbar.labelText = 'Your new text';
snackbar.open();

您可以在此处查看更多文档，以及当前的 javascript 属性和事件。