2015-09-16 3 views
2

Вот firstAngularJSApp.htmlПочему мое приложение Angular JS не работает?

<html ng-app="store"><!-- "ng-app" creates and angular app by running the module. because of ng-app html inside of this tag will be treated as part of angular app --> 
<head> 
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css"/> 
    <script type="text/javascript" src="angular.min.js"></script> 
    <script type="text/javascript" src="app.js"/> 
</head> 
<body> 

<p>I am {{ 4+6 }}</p> 

</body> 
</html> 

Вот app.js

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

Когда я загрузить страницу я не получаю "Я 10", а это пустая страница. Но когда я открываю исходный код с помощью Ctrl+U я могу видеть "<p>I am {{ 4+6 }}</p>"

enter image description here

Я использую XAMMP, чтобы получить доступ к своим файлам.

+2

Путь верен, сам тег самозапускаемого скрипта вызывал проблему, как упоминалось в @Tushar – user4904589

ответ

4

Вы используете самозакрывающийся тег script, который не будет работать. См. Why don't self-closing script tags work?

Итак, ваш файл app.js не указан на странице, а ваше угловое приложение не загружается.

Использование

<script type="text/javascript" src="app.js"></script> 

Кроме того, убедитесь, что пути к файлам корректны.

+1

[Demo] (https://jsfiddle.net/tusharj/svy8n97d/) для приложения – Tushar

0

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

0

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

использование

<script src="app.js"></script> 

Все самое лучшее !!!