2016-08-11 21 views
0

私はモジュールに依存関係を挿入することができません。froala wysiwyg-editor依存関係
それはこのエラーを示しています角括弧付きインテグレーション

var teacherDashboard = angular.module('teacherDashboard', ['froala','ngMaterial', 'ngMessages', 'ngRoute', 'angularCSS']); 

とメインのindex.htmlヘッドが含まれています:app.jsで

Failed to instantiate module froala due to: 
Error: [$injector:nomod] http://errors.angularjs.org/1.5.6/$injector/nomod?p0=froala 
    at Error (native) 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:6:412 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:25:235 
    at b (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:24:282) 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:25:20 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:39:374 
    at q (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:7:355) 
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:39:222) 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:39:391 
    at q (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:7:355 

私のモジュールがある

<head> 

    <title> 
     Teacher Dashboard 
    </title> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular-route.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-css/1.0.8/angular-css.min.js"></script> 
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc.5/angular-material.min.css"> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc.5/angular-material.min.js"></script> 
    <!--floara editor--> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/froala-editor/2.3.4/js/froala_editor.min.js"></script> 
    <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> 
    <link href="https://cdnjs.cloudflare.com/ajax/libs/froala-editor/2.3.4/css/froala_editor.min.css" rel="stylesheet" type="text/css" /> 
    <link href="https://cdnjs.cloudflare.com/ajax/libs/froala-editor/2.3.4/css/froala_style.min.css" rel="stylesheet" type="text/css" /> 
    <!------> 
    <script src="./scripts/app.js"></script> 
    <script src="./scripts/services/service.js"></script> 
    <script src="./scripts/controllers/selectTopics.js"></script> 
    <script src="./scripts/controllers/selectTest.js"></script> 
    <script src="./scripts/controllers/assignQuestionNo.js"></script> 
    <script src="./scripts/controllers/assignTeachers.js"></script> 
    <script src="./scripts/controllers/reviewPanel.js"></script> 
    <link rel="stylesheet" type="text/css" href="./styles/teacherDashboard.css"> 
    <!-- <base href="/">--> 
</head> 

私は、このリンクを以下のい参照のためLINK
どこが間違っていますか?

答えて

1

あなたは、おそらくここにあなたのindex.htmlを で「froala」の角のモジュールは、モジュールのリンクがある欠けている:それを指摘してangular-froala.js

+0

おかげで...私はマニュアルに記載されているCDNだろうと思っ含みます十分です。しかし、github zipファイルをダウンロードしてプロジェクトフォルダに入れて、動作させる必要がありました。 :) –