我的Bootstrap数据切换实现有什么问题？

Question

因此，我尝试使用Bootstrap 4.2.1实现数据切换。根据文档，我想到了以下代码：

showToaster(msg: string, customClass: string | string[]) {
   const toast: Toast = {
     type: customClass[0], // class1 or class2 or class3 or etc
     body: msg
   };

   this.toasterService.pop(toast);
}

我不知道出什么问题了，它应该像这样工作。我在使用Bootstrap JS时缺少什么吗？

Answer 1

我使用了您的代码，发现如果您使用的是4.1.3，则此实现不适用于当前的HTML。您必须将JS升级到Bootstrap 4.2.1。

使用：https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.2.1/js/bootstrap.min.js

@elveti也正确，你拼错了data-toggle。

使用（4.2.1）的工作示例：https://codepen.io/brooksrelyt/pen/zeNVxo