Как добавить директиву углового приложению

Question

Я новичок в угловой - я создал директиву под названием «uploaddirective»

директива JS файл в отдельной папке из файла контроллер JS.

Дорожки папок:

Scripts \ директивы \ uploaddirective.js Scripts \ Views \ Video_Upload.j

Я пытался добавить директиву моего приложения, как:

(function() { 
    var testApp; 

    testApp = window.angular.module("testApp", ['ngRoute', 'directives/uploaddirective']); 

    testApp.controller("videosUploadAppController", function($scope, $http, $compile) { 

Я продолжаю получать эту ошибку на своей веб-странице:

Error: $injector:modulerr Module Error 

Моя страница глава содержит:

<script src="/Scripts/angular.min.js"></script> 
<script src ="/Scripts/Views/Video_Upload.js"></script> 

Вот сценарий:

'use strict'; 

var uploaddirective = angular.module('uploaddirective', []); 

uploaddirective.directive('file', function() { 
    return { 
     restrict: 'AE', 
     scope: { 
      file: '@' 
     }, 
     link: function (scope, el, attrs) { 
      el.bind('change', function (event) { 
       var files = event.target.files; 
       var file = files[0]; 
       scope.file = file; 
       scope.$parent.file = file; 
       scope.$apply(); 
      }); 
     } 
    }; 
}); 

Я использую угловой: v1.2.26

Можете ли вы помочь

Answer 1

Вы определение приложение должно иметь модуль 'uploaddirective'

testApp = window.angular.module("testApp", 
[ 
    'ngRoute', 
    'uploaddirective' 
]); 

Answer 2

1. У вас включил «\ directives \ uploaddirective.js» в ваш основной исходный файл? Вот как ваши другие скрипты получат доступ к нему. Похоже, вы также должны:

   <script src ="/Scripts/directives/uploaddirective.js"></script> 
   

2. А также вы можете разместить код вашей директивы