Почему простой Angular hello world не работает?

Я пытался сделать некоторое доказательство концепции и ожидал, что Plunker напишет 4 для выражения {{40/10}}, но этого не произошло. Что с этим не так? Однако я вижу, что Скотт Аллен смог это сделать. Вот моя ссылка на плункер: https://plnkr.co/edit/OTuxWEMmlWObMgGy9o2Z?p=preview

<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@*" data-semver="2.0.0"
    src="https://code.angularjs.org/2.0.0-beta.0/angular2.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app>
    <h1>Hello Plunker!</h1>
    {{40/10}}
  </body>

</html>

angularjs plunker
person Chanchal    schedule 11.02.2016    source источник
comment
Можете ли вы опубликовать ссылку на пример Скотта Аллена, на который вы ссылаетесь?   -  person Ben    schedule 11.02.2016
comment
Здесь, в этом руководстве: app.pluralsight.com/   -  person Chanchal    schedule 11.02.2016
comment
Что-то не так с URL-адресом вашего скрипта src, я попробовал ваш пример с более старой версией Angular, и он работал нормально.   -  person Chara    schedule 11.02.2016
comment
Спасибо, Чара, не могли бы вы опубликовать этот URL здесь?   -  person Chanchal    schedule 11.02.2016

Ответы (2)


arrow_upward
3
arrow_downward

Это связано с тем, что скрипт, который вы импортируете, — это Angular 2. Если вы импортируете Angular 1.x.x, ваш пример будет работать.

<!DOCTYPE html>
<html>

  <head>
    <script src="https://code.angularjs.org/1.5.0/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app>
    <h1>Hello Plunker!</h1>
    {{ 40/10 }}
  </body>

</html>

Если вы хотите узнать, как использовать Angular 2, посетите их веб-сайт.

person jeerbl    schedule 11.02.2016

arrow_upward
0
arrow_downward

Вы ссылаетесь на angular2 при использовании директивы angular1 ng-app.

Вот ссылка на рабочий plnkr ссылка

<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@*" data-semver="2.0.0"
    src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app>
    <h1>Hello Plunker!</h1>
    {{ 40/10 }}
  </body>

</html>

Angular 2 — это полная переработка angular1, поэтому код, работающий в Angular 1, не будет работать в Angular 2.

person Ali Al Amine    schedule 11.02.2016