2016-08-11 3 views
0

Я не могу ввести froala зависимость wysiwyg-редактора с моим модулем.
Он показывает эту ошибку:Интеграция с угловым фланом

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> 

Я этой ссылке for refernce LINK
Где я, возможно, ошибаюсь?

ответ

1

Вы, вероятно, отсутствует «froala» угловой модуль в вашем index.html Вот ссылка модуля: angular-froala.js

+0

Спасибо за указание это ... Я думал, в том числе КДС, указанный в документации будет достаточно. Но мне пришлось загрузить zip-файл github и поместить его в папку проекта, чтобы он работал. :) –

Смежные вопросы