How-To：角度のあるページでブートストラップを通知する

Question

希望： 私は角度のページにBootstrap Notifyアドオンを使いたいです！

ブートストラップ通知：here、およびgithub location

問題： 私は私の人生のために、それが働いて取得する方法を見つけ出すことはできません！私は約12（大丈夫、たぶん6）のスクリプトを注入する方法を試しましたが、それらのうちの1つではエラーを除いて何も起こりません！

コード：

index.aspx：

<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Bootstrap.Base.Master" Inherits="System.Web.Mvc.ViewPage" %> 

<asp:Content ID="tc" ContentPlaceHolderID="TitleContent" runat="server"> 
    My 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 a { 
      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: "/" }); 
    }); 

私はに実行している問題は、この行を次のとおりです。

"bootstrapNotify",

私はディレクティブを注入する方法を見つけ出す、と私は、このエラーで結果を試みた名前のすべてのバージョンはできません。この素晴らしいにつながる

AngularJS websiteの親密な記述ページ。

私が試した"bootstrap-notify"、"bootstrapnotify"、"bootstrapNotify"、"notify"、"Notify"：それらのすべてが失敗し、同じエラーを与えています。

Help me、StackOverflow！あなたは私の唯一の希望です！

Answer 1

上記の@ Claiesの答えによると、BootstrapNotifyは角度モジュールではないことが分かりました。実際に角度ページで作業するには膨大な労力が必要になります。それはJQuery主導のページのためのものです。