ошибка при включении углового

Question

ошибка при включении углового

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

почему я получаю ошибку?

renat natanael 27 июль 2016, в 14:21

Источник

0

попробуйте включить этот тег сценария <script src="https://jspm.io/[email protected]"></script>
Nishanth Matha 27 июль 2016, в 12:06

Теги:

javascript

angularjs

3 ответа

Ещё вопросы

попробуйте включить этот тег сценария <script src="https://jspm.io/[email protected]"></script>

Yassine Badache · Answer 1 · 2016-07-27T10-34-00.000Z

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

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

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

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

$scope.name = 'John';

Вызовите свое приложение на странице HTML:

<html ng-app="myApp">

И вы сможете увидеть волшебство, работающее там:

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

Фактически должен отображаться ваш веб-браузер:

hello John

Yosvel Quintero · Answer 2 · 2016-07-27T09-47-00.000Z

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

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

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

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

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

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

rpadovani · Answer 3 · 2016-07-27T09-25-00.000Z

Вы не можете включить всю страницу 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>