我的要求是在Material 2 Snack bar中显示微调器。
在我们的应用程序中，我们使用小吃栏来显示加载，成功和错误消息。加载消息我也想显示微调器。我试图在小吃店内添加装载器div，但它作为文本呈现而不是HTML元素。
我尝试添加CSS类，但它已应用于整个小吃栏元素。
我认为如果我们能够在小吃店内插入另一个html元素，那么我们就可以显示加载器以及消息。
我们将不胜感激。
答案 0 :(得分：0)
您希望使用哪种旋转器？
我会看看Angular-Busy，我之前使用过它，它非常有前途。至于内部HTML，我不知道添加内部HTML元素有多容易。我认为它的主要目的是展示一点点信息。也许您应该考虑使用引导警报，并在发生错误或警告消息之前将其隐藏起来。
不幸的是，Material的Angular文档至少可以说是糟糕的。
以下示例可用于Toast通知内的微调器 https://codepen.io/anon/pen/weyJVP
<div id="demo-toast-example" class="mdl-js-snackbar mdl-snackbar">
<div class="mdl-spinner mdl-spinner--single-color mdl-js-spinner is-active"></div>
<div class="mdl-snackbar__text"></div>
<button class="mdl-snackbar__action" type="button"></button>
我敢打赌你可以在角度上为微调器上的is-active值设置一个observable或boolean。
祝你好运。