2016-08-11 3 views
0

내 모듈에 froala wysiwyg-editor 의존성을 삽입 할 수 없습니다.
그것은이 오류를 보여줍니다각도 실컷 통합

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

당신은 아마 모듈의 링크를 귀하의 index.html을 여기 에서 "froala"각 모듈입니다 누락 : 그것을 지적 angular-froala.js

+0

감사합니다 ... 나는이 문서에서 제공하는 CDN을 포함하여 생각 것 충분하다. 하지만 github zip 파일을 다운로드하여 프로젝트 폴더에 넣어서 작동시켜야했습니다. :) –