2016-08-11 103 views
0

我无法注入froala wysiwyg编辑器依赖于我的模块。
它显示了这个错误:Angular Froala集成

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 

我在app.js模块:

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

和主要的index.html头包括:

<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

你可能会缺少“froala”角模块在您的index.html 这里是模块的链接:angular-froala.js

+0

感谢它指向了...我想包括文档中提供的CDN会足够了。但我不得不下载github zip文件并将其放在我的项目文件夹中以使其工作。 :) –