angularjs - How-To: Getting Bootstrap-Notify working in my Angular page -

the hope: use bootstrap notify addon on angular page!

bootstrap notify: here, , github location

the problem: can't life of me figure out how working! i've tried 12 (ok, maybe 6) ways of injecting script, not 1 of them results in except errors!

the code:

index.aspx:

<%@ page language="c#" masterpagefile="~/views/shared/bootstrap.base.master" inherits="system.web.mvc.viewpage" %>  <asp:content id="tc" contentplaceholderid="titlecontent" runat="server">     awesome page! </asp:content>  <asp:content id="pc" contentplaceholderid="pagecontent" runat="server">     <div id="ng-app" ng-app="myawesomepage" ng-view growl autoscroll></div> </asp:content>  <asp:content id="as" contentplaceholderid="additionalscripts" runat="server">     <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>      <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>     <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-route.min.js"></script>     <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-resource.min.js"></script>     <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-cookies.min.js"></script>     <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-sanitize.js"></script>      <script type="text/javascript" src="/scripts/bootstrap-addons/ui-bootstrap-tpls-0.8.0.min.js"></script>     <script type="text/javascript" src="/scripts/bootstrap-addons/jquery.bootstrap-growl.min.js"></script>     <script type="text/javascript" src="/scripts/bootstrap-addons/bootstrap-notify.min.js"></script>      <script type="text/javascript" src="/scripts/underscore-min.js"></script>     <script type="text/javascript" src="/scripts/moment.min.js"></script>     <script type="text/javascript" src="/scripts/ng-v4/ng-v4.js"></script>      <script type="text/javascript" src="/scripts/myawesomepage/app.js"></script>     <script type="text/javascript" src="/scripts/myawesomepage/controllers.js"></script>     <script type="text/javascript" src="/scripts/myawesomepage/services.js"></script> </asp:content>  <asp:content id="ac" contentplaceholderid="additionalcontent" runat="server">     <style type="text/css">         .nav, .pagination, .carousel {             cursor: pointer;         }         .pagination {             margin: 0 0 0 0 !important;             font-family: helvetica, fontawesome;         }          [ng-cloak] {             display: none;         }          label, form {             font-size: 10pt;             font-family: verdana, arial, helvetica, sans-serif;         }     </style> </asp:content> 

app.js

"use strict";  angular.module("myawesomepage", [     "ngroute",     "ngresource",     "ui.bootstrap",     "v4",     "bootstrapnotify",     "myawesomepage.controllers",     "myawesomepage.services"]).      config(function ($routeprovider) {         //main list         $routeprovider.when("/", {             templateurl: "/content/myawesomepage/index.html",             controller: "myawesomepagectrl",             controlleras: "vm"         });          $routeprovider.otherwise({ redirectto: "/" });     }); 

the problem i'm running line:

"bootstrapnotify",

i can't figure out how inject directive, , every version of name i've tried results in error:

which leads awesome , intimately descriptive page on angularjs website.

i've tried "bootstrap-notify", "bootstrapnotify", "bootstrapnotify", "notify", "notify": of them have failed , given same error.

help me, stackoverflow! you're hope!

per @claies answer above, turns out bootstrapnotify isn't angular module, , require massive amount of effort working angular page. turns out it's more of jquery-driven pages.