код Easy Угловая не работает

Я новичок в Angular.js, я смотрю Pluralsight Угловое учебник, я сделал то, что учитель сказал на этом видео:код Easy Угловая не работает

<!Doctype> 
<html lang="en" ng-app> 
    <head> 

    </head> 
    <body> 
     <h1 ng-controller="helloWorldCtrl">{{helloMessage}}</h1> 

     <script href="angular.min.js"></script> 
     <script type="text/javascript"> 
      function helloWorldCtrl ($scope) { 
       $scope.helloMessage = "Hello World!"; 
      } 
     </script> 
    </body> 
</html>

h1 должен быть Hello World! но {{helloMessage}}

Я использую последнюю версию Firefox на Windows8 с последней версией угловых

источник

2015-02-09 LASH

Привет, добро пожаловать в переполнение стека! Получение каких-либо ошибок в консоли? Можете ли вы опубликовать ссылку на все, что вы читаете? – paulmelnikow

@noa Ошибка в консоли и firebug – LASH

Может быть любое количество причин. Всякий раз, когда вы отправляете вопросы, связанные с браузером + javascript, всегда рекомендуется включать консольную ошибку. Что касается вашей проблемы, какова угловая версия. Последняя версия отключает глобальный контроллер, как вы создали? Где ng-приложение? – Chandermani

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<!Doctype> 
 
<html lang="en" ng-app> 
 
    <head> 
 

 
    </head> 
 
    <body> 
 
     <h1 ng-controller="helloWorldCtrl">{{helloMessage}}</h1> 
 

 
     <script href="angular.min.js"></script> 
 
     <script type="text/javascript"> 
 
      function helloWorldCtrl ($scope) { 
 
       $scope.helloMessage = "Hello World!"; 
 
      } 
 
     </script> 
 
    </body> 
 
</html>

Над кодом работает без каких-либо проблем, поэтому ясно, какая проблема с вашей версией. Используйте nuget для решения проблемы, если вы используете Visual studio.

источник

2015-02-09 05:01:28

Вы имеете в виду, что я просто сменил сценарий на выше? – LASH

Я ничего не менял, кроме добавления тега скрипта –

синтаксис изменился, вы должны добавить нг-приложение к той части тела, а также изменить СРК скрипта, следующий код работает.

<body ng-app> 
     <h1 ng-controller="helloWorldCtrl">{{helloMessage}}</h1> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script> 
     <script type="text/javascript"> 
      function helloWorldCtrl ($scope) { 

       $scope.helloMessage = "Hello World!"; 
      } 
     </script> 
    </body>

источник

2015-02-09 04:50:15

Что изменилось в вашем коде? – LASH

–

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

<!DOCTYPE html> 
<html ng-app="plunker"> 

    <head> 
    <meta charset="utf-8" /> 
    <title>AngularJS Plunker</title> 
    <script>document.write('<base href="' + document.location + '" />');</script> 
    <link rel="stylesheet" href="style.css" /> 
    <script data-require="[email protected]" src="https://code.angularjs.org/1.3.12/angular.js" data-semver="1.3.12"> </script> 
    <script src="app.js"></script> 
    </head> 

    <body> 
    <h1 ng-controller="MainCtrl">Hello {{name}}!</h1> 

    <script>  
     var app = angular.module('plunker', []); 

     app.controller('MainCtrl', function($scope) { 
     $scope.name = 'World'; 
     }); 
    </script> 
    </body> 

</html>

источник

2015-02-09 04:51:36 Rajeshwar

Вот код Plunker: -

<!DOCTYPE html> 
<html data-ng-app="one"> 

    <head> 
    <script data-require="[email protected]*" data-semver="1.4.0-beta.3" src="https://code.angularjs.org/1.4.0-beta.3/angular.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    </head> 

<body> 
     <h1 ng-controller="helloWorldCtrl">{{helloMessage}}</h1> 
     <script type="text/javascript"> 
     var app=angular.module("one",[]); 
     app.controller("helloWorldCtrl",function ($scope) { 
       $scope.helloMessage = "Hello World!"; 
      }); 

     </script> 
    </body> 

</html>

Я предполагаю, что есть проблема версии, если вы используете новую версию угловой выше 1.2.0 не разрешается использовать глобальный контроллер в этой версии Source

источник

2015-02-09 04:52:02 squiroid

код Easy Угловая не работает

ответ

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