snackbar - 基本 Snackbar 示例未显示在 Web Material 设计组件上

Question

Web Material 设计组件的 snackbar 的基本示例不起作用。它产生错误:

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

我尝试使用 jQuery 来确保 DOM 正确加载。我尝试过来回更改 javascript 初始化方法，但似乎都不起作用。

您可以在此处找到代码:https://jsbin.com/mejefeq/edit?html,console,output

我一遍又一遍地阅读文档，但没有提到任何与此相关的内容。由于这个 Web MDC 根本不受欢迎，我无处可去寻求帮助。

Answer 1

是的，这是 0.43.0 update 中的一个重大变化。 。显示 snackbar 的新方法是使用

snackbar.open();

但这只会打开 snackbar 。如果您想更改 snackbar 中的文本，可以使用:

snackbar.labelText = 'Your new text';

所以你可以一起使用它们:

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

您可以查看更多文档 here ，具有当前的 javascript 属性和事件 here