2016-07-27 4 views
0

Я пытаюсь изучить угловые 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="https://cdnjs.com/libraries/angular.js/"></script> 
    </body> 
</html> 

В результате, когда я запустить его в веб-браузере ошибка. он не работал ошибка на консоли, как этот

Uncaught ReferenceError: System is not defined on line 2 

как же я получаю ошибку, как это?

+0

попытаться в том числе это тег скрипта '' –

ответ

0

Вы не можете включать всю https://cdnjs.com/libraries/angular.js/ страницу, вам нужно выбрать, какой сценарий вы хотите включить, что-то вроде:

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/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://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script> 
 
    </body> 
 
</html>

0

Это указывает на AngularJS CDN страница:

<script src="https://cdnjs.com/libraries/angular.js/"></script> 

Вы должны выбрать версию. Например, уменьшенная AngularJS версии 1.5.8:

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script> 

Обратите внимание, что вы должны исключить https.

Также проверьте, чтобы распечатать переменную в AngularJS, вы должны использовать {{ name }} вместо {(name)}.

0

Здесь необходимо выделить не менее двух точек.

  • Ваш импорт. Другие ответы прекрасно описывают, почему это не работает. Почини это.

  • Угловое само по себе. Угловые работы с приложениями и контроллерами (для его простейшей части). Вам нужно сделать файл, который будет содержать ваш контроллер.Например, создайте файл с именем myapp.js и импортировать его в веб-страницы:

<script src="path/to/myapp.js"></script>

Затем, когда вы инициализации приложения (var myApp = angular.module('myApp',[]); будет делать трюк отлично) и контроллер (проверьте AngularJS documentation about it) , вы будете иметь возможность инициализировать свои данные с помощью рамки:

$scope.name = 'John';

Позвони приложения в вашей HTML странице:

<html ng-app="myApp">

И вы будете иметь возможность увидеть магию там работать:

hello {{ name }} // and not {(name)}

Ваш веб-браузер должен отображать на самом деле:

hello John

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