Я пытаюсь изучить угловые js. Я пробую простой код в html, как это
<!DOCTYPE html>
<html lang="en" ng-app="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title Page</title>
<link rel="stylesheet" href="/bootstrap.min.css" >
</head>
<body>
<input type="text" ng-model="name">
<div>hello{(name)}</div>
<!-- jQuery -->
<script src="/angular.js"></script>
</body>
</html>
результат, когда я запускаю его в веб-браузере, является ошибкой. он не работал, ошибка на консоли выглядит так
Uncaught ReferenceError: System is not defined on line 2
почему я получаю ошибку?
Здесь нужно выделить не менее двух точек.
Ваш импорт. Другие ответы прекрасно описывают, почему это не работает. Почини это.
Угловая. Угловые работы с приложениями и контроллерами (для его самой простой части). Вам нужно сделать файл, который будет содержать ваш контроллер. Например, создайте файл myapp.js
и импортируйте его на свою веб-страницу:
<script src="/myapp.js"></script>
Затем, как только вы инициализировали свое приложение (var myApp = angular.module('myApp',[]);
, прекрасно выполнит трюк) и контроллер (проверьте документацию AngularJS об этом), вы сможете интуитивно настроить свои данные с помощью ваш объем:
$scope.name = 'John';
Вызовите свое приложение на странице HTML:
<html ng-app="myApp">
И вы сможете увидеть волшебство, работающее там:
hello {{ name }}//and not {( name )}
Фактически должен отображаться ваш веб-браузер:
hello John
Это указывает на страницу CDN AngularJS:
<script src="/angular.js"></script>
Вы должны выбрать версию. Например, Minified AngularJS версии 1.5.8:
<script src="/angular.min.js"></script>
Обратите внимание, что вы должны исключить https
.
Также проверьте, чтобы для печати переменной в AngularJS вы должны использовать {{ name }}
вместо {(name)}
.
Вы не можете включить всю страницу /angular.js
, вам нужно выбрать, какой сценарий вы хотите включить, например:
<script src="https:/angular.min.js"></script>
Кроме того, это {{name}}
(две фигурные скобки), а не {(name)}
<!DOCTYPE html>
<html lang="en" ng-app="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title Page</title>
</head>
<body>
<input type="text" ng-model="name">
<div>hello {{name}}</div>
<script src="https:/angular.min.js"></script>
</body>
</html>
<script src="https://jspm.io/[email protected]"></script>