jquery - 在 JS 文件中操作后显示 toastr 通知

Question

我是 Angular 5 的新手，我正在实现通知，如果我将服务导入到 typescript 组件，它们会正常工作，例如：

import { ToastrService } from 'ngx-toastr';

 constructor(
    private toastr: ToastrService
  ) { }

   //call method
 this.toastr.success('Alert works')

这个方法可以正常工作，我的问题是，我怎样才能将它用于我有 Ajax 调用的普通 javascript 文件中，例如：

jQuery(document).ready(function() {
  DataTablePerfiles.init();
  $(".myToggler").on("switchChange.bootstrapSwitch", togglerFunction);
});

function togglerFunction(event, state) {
  var data = {
    UsuarioId: $(this)
      .attr("data-id")
      .toString(),
    Activo: event.target.checked
  };

$.ajax({
    method: "PUT",
    headers: {
      "Content-Type": "application/json",
      Authorization: "Bearer " + token
    },
    url: "http://myapi/api/users/activate",
    data: JSON.stringify(data),
    success: function(data) {
       //this.toastr.success("changed correctly");
    },
    error: function(e) {
       //this.toastr.warning(e._body);
    }
  });

问题是我无法将与 typescript 相同的 toastr 服务导入到 js 文件中，我该如何导入它，或者如何在 typescript 中监听 ajax 函数然后显示警报？问候