Question

我通过我的应用程序获得了弹出窗口。它们可能会也可能不会在我的应用中自定义配置。

我正在使用Angular，虽然我不确定这实际上是Angular-toastr。

我想让这一个具有不同的选项（位置，粘性，关闭按钮），甚至来自同一页面上的其他toastrs。

有没有办法为单个烤面包机实例指定选项，以便其他人不会继承其选项？

在我的应用中，我只是致电

toastr.success("Go team!");

它使用已设置的默认值。

在这里，我想要这样的事情：

var bigToast = new toastr;
bigToast.options = {
    "closeButton": true,
    "positionClass": "toast-top-full-width",
     "tapToDismiss": true
}
bigToast.success("Yah! REALLY go team!")

这样，只有bigToast会受到影响。＆＃39;当然它不是构造函数，所以它失败了。

我正在尝试这个：

toastr.options = {
    "closeButton": true,
    "positionClass": "toast-top-full-width",
    "tapToDismiss": true
}
toastr.success(":)");

即使这样也没有效果，所以我明显错误地执行了它。我看到:)但没有选择任何选项。

据我所知，toastr对象是空的。这样：

toastr.options.positionClass = "toast-top-center"

抛出错误：

TypeError: Cannot set property 'positionClass' of undefined

我显然是一个笨蛋，因为这显然很简单，几乎没有必要的工作实例。

这些配置表单显示您可以执行的操作，但现在实际执行此操作。

https://foxandxss.github.io/angular-toastr/

http://codeseven.github.io/toastr/demo.html

Answer 1

您只需将选项包含为第三个参数。

toastr.success(":)","",{
"closeButton": true,
"positionClass": "toast-top-full-width",
"tapToDismiss": true});

第二个参数是标题，如果你不想显示标题，请保持空白。

给一个＆＃39; toastr＆＃39;弹出自己的选择

1 个答案: