jaswanth03
3/26/2019 - 1:57 PM

jquery-toast by Kamran Ahmed

jquery-toast by Kamran Ahmed

https://www.npmjs.com/package/jquery-toast-plugin
https://kamranahmed.info/toast

// steps to follow before installing jquery toast plugin
1) npm install jquery-toast-plugin

// after running the above command include the css file location and js file location in the angular.json file.
2)"styles": [
              "node_modules/jquery-toast-plugin/dist/jquery.toast.min.css",
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "src/styles.scss"
            ],

3)  "scripts": [
              "node_modules/jquery/dist/jquery.min.js",
              "node_modules/popper.js/dist/umd/popper.min.js",
              "node_modules/bootstrap/dist/js/bootstrap.min.js",
              "node_modules/jquery-toast-plugin/dist/jquery.toast.min.js"
            ]            
            
            
// now you are ready to write the code in your ts file to show notification.
//place this in a button click listner to show belo toast.
// this is the default toast check the repo for customizing it.
$.toast('Toast message to be shown');