AngularJS - после отдельных шаблонов javascript не работает

Question

Я купил шаблон, который не должен был иметь проблемы с AngularJS по авторам. Когда у меня есть один большой индекс, все работает нормально. Но проблема в том, что я пытаюсь отделить его от меньшего шаблона. Я скачал новый AngularJS семя и просто сделал это:

.. header 
.. body 

    <div ng-view></div> 


    <!-- Vendor Scripts Bundle --> 
    <script src="vendor.min.js"></script> 
    <!-- App Scripts Bundle --> 
    <script src="scripts.min.js"></script> 

.. angularJS files 

Маршрут к меньшему шаблон работает отлично, содержание видна, но именно эти две библиотеки JavaScript не работает. Когда я смотрю на код в chrome-проверке, я вижу, что библиотеки существуют. Нужно ли регистрировать их где-нибудь в AngularJS или должно быть проблемой в этих библиотеках?

Answer 1

Независимо от того, какие компоненты AngularJS вы определяете вне, AngularJS останется вне AngularJS - если они не интегрированы в состояние «.config()» приложения.

Глобальные объекты должны использоваться (например, $ для jQuery); хотя чистота будет определена как константа.

Вопрос довольно общий, я думаю, вам нужно предоставить более глубокое понимание этого, чтобы получить правильную помощь, как указано выше.

Answer 2

Я видел 2 ошибки на консоли на плункер.

Uncaught ReferenceError: config is not defined app.js:10 
Uncaught Error: No module: ngRoute 

Глядя на ваш код, я вижу несколько ошибок. Прежде всего, вы используете версию 1.0.x AngularJS. В этих версиях ngRoute не является отдельным модулем, поэтому вы не должны включать его. Также вы определили модули view1 как view1, но попытались включить их как myApp.view1. Когда вы исправляете эти проблемы, ваш код должен работать.