Plunker を使用して、Angular の機能を少し紹介します。次のような非常に厄介なバグに遭遇しました:
failed to instantiate module fireApp due to:
[$injector:modulerr] Failed to instantiate module simpleLogin due to:
[$injector:nomod] Module 'simpleLogin' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
さまざまな方法で simpleLogin をインポートしようとしました
<script src="https://cdn.firebase.com/js/simple-login/1.6.3/firebase-simple-login.js"></script>
と
<script data-require="firebase-simple-login@*" data-semver="1.6.2" src="https://cdn.firebase.com/js/simple-login/1.6.2/firebase-simple-login.js"></script>
ここに私の頭があります:
<head>
<script src="https://code.angularjs.org/1.2.21/angular.js" data-semver="1.2.21" data-require="angular.js@1.2.21"></script>
<script data-require="firebase@*" data-semver="1.0.18" src="https://cdn.firebase.com/js/client/1.0.18/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.8.0/angularfire.js" data-semver="0.8.0" data-require="angularfire@*"></script>
<script src="https://cdn.firebase.com/js/simple-login/1.6.2/firebase-simple-login.js" data-semver="1.6.2" data-require="firebase-simple-login@*"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js" data-semver="2.1.1" data-require="jquery@*"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js" data-semver="3.1.1" data-require="bootstrap@*"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" data-semver="4.1.0" data-require="font-awesome@*" />
<script src="app.js"></script>
<link href="main.css" rel="stylesheet" />
</head>
プランカーは次のとおりです。http://plnkr.co/edit/YX9qXmPCurZ6BEXCDilr?p=preview