AngularJS Пример не работает

-1

Я новичок в AngularJS, поэтому я делал несколько уроков и следил за некоторыми примерами видео. Я наткнулся на очень простое приложение, но я не могу заставить его работать в моем браузере. Может ли кто-нибудь сказать мне, что случилось с моим кодом?AngularJS Пример не работает

<!DOCTYPE html> 
<html ng-app="hello"> 
<head lang="en"> 
    <title>My HTML 5 Page</title> 
</head> 
<body> 

<h1>{{hello}}</h1> 
<input type="text" ng-model="hello" /> 

<script type="text/javascript" 
     src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-beta.6/angular.min.js" /> 

</body> 

</html>

Должен ли я запускать это с веб-сервера? Могу ли я запустить это только в браузере? Я пробовал оба способа, и ни один из них не работал для меня. Я просто в конечном итоге с большим {{}} привет -

{{}} привет

и нет поле ввода текста и, безусловно, не обязательными. Нужны ли мне все другие зависимости? Должна ли строка тега сценария содержать все, что мне нужно?

У меня нет модулей или еще чего-либо. Просто HTML-файл с этими строками кода.

Благодарим за понимание, которое вы, гуру, можете пролить на эту тайну.

источник

2015-04-03 LazerWonder

, что делает ваш Javascript выглядеть? – dbarnes

dbarnes: Единственный javascript, который я включил, - это библиотека angular.min.js, предоставленная от angularjs.org. – LazerWonder

Голосование, чтобы закрыть. [Из OP] (http://stackoverflow.com/questions/29437151/angularjs-example-not-working#comment47043391_29437225): «* Оказывается, я не могу закрыть тег сценария. *« – JDB

Вы должны проверить консоль на наличие ошибок, которые, вероятно, скажут вам, что модуль hello не определен.

Вышеуказанное будет работать только в том случае, если у вас есть сценарий, который работает angular.module("hello", []), или если вы просто удалите hello и просто используйте ng-app без аргументов.

источник

2015-04-03 17:50:23

Я удалил «привет» из кода, и он все еще не работает. Однако, спасибо за советы о консоли. Я забыл это сделать. Оказывается, я не могу закрыть тег скрипта. – LazerWonder

Оказывается, это было 2 вещи ...

мне нужно удалить «привет» от нг-приложения
я не могу самостоятельно близко сценарий тег. Наконец код, который работал:

<!DOCTYPE html> 
<html ng-app> 
<head lang="en"> 
    <title>My HTML 5 Page</title> 
</head> 
<body> 

<h1>{{hello}}</h1> 
<input type="text" ng-model="hello" /> 

<script type="text/javascript" 
     src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-beta.6/angular.min.js"> 
</script> 

</body> 

</html>

источник

2015-04-03 17:58:32 LazerWonder

<html ng-app="page"> 
<head lang="en"> 
    <title>My HTML 5 Page</title> 
</head> 
<body> 
<div ng-controller="PageController as page" > 
    <h1>{{page.product.message}}</h1> 
    <input type="text" ng-model="hello" /> 
</div> 
</body> 

</html> 
    <script type="text/javascript" src="lib/angular.min.js"></script> 
    <script type="text/javascript" src="js/app.js"></script> 
</html> 


code for app.js 

<html ng-app="page"> 
<head lang="en"> 
    <title>My HTML 5 Page</title> 
</head> 
<body> 
<div ng-controller="PageController as page" > 
    <h1>{{page.product.message}}</h1> 
    <input type="text" ng-model="hello" /> 
</div> 
</body> 

</html> 
    <script type="text/javascript" src="lib/angular.min.js"></script> 
    <script type="text/javascript" src="js/app1.js"></script> 
</html>

источник

2015-04-03 18:19:44 Shelly

AngularJS Пример не работает

{{}} привет

ответ

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