Почему я не могу получить этот ОЧЕНЬ простой код AngularJS?

Это приложение должно состоять из элемента h1, в котором говорится «Адриан» и абзаца, в котором говорится: «Он живет в Орландо». Я не могу понять, что не так с моим кодом. Кстати, я уже знаю, что это не лучший дизайн для Angular, но я просто хотел что-то быстро, чтобы мои ноги были мокрыми с каркасом.Почему я не могу получить этот ОЧЕНЬ простой код AngularJS?

<!doctype html> 
    <html lang="en" ng-app> 
     <head> 
      <meta charset="utf-8"> 
      <title>Angular Demo</title> 
      <script src="angular.min.js"></script> 
     </head> 
     <body> 
      <div ng-controller="MyController"> 
       <h1>{{person.firstName}}</h1> 
       <p>He lives in {{person.city}}</p> 
      </div> 

      <script> 
       function MyController($scope) { 
        $scope.person = { 
         'firstName': 'Adrian', 
         'city': 'Orlando' 
        } 
       } 
      </script> 
     </body> 

</html>

источник

2015-08-17 Adrian

http://www.w3schools.com/angular/angular_controllers.asp Контроллер имеет для назначения модулю. – VSO

Вы не делаете Угловая знать о вашей MyController функции:

<!doctype html> 
    <!-- tell Angular what module to use --> 
    <html lang="en" ng-app="app"> 
     <head> 
      <meta charset="utf-8"> 
      <title>Angular Demo</title> 
      <script src="angular.min.js"></script> 
     </head> 
     <body> 
      <div ng-controller="MyController"> 
       <h1>{{person.firstName}}</h1> 
       <p>He lives in {{person.city}}</p> 
      </div> 

      <script> 
       angular 
        // Define our module 
        .module('app', []) 
        // Define our controller 
        .controller('MyController', function MyController($scope) { 
         $scope.person = { 
          'firstName': 'Adrian', 
          'city': 'Orlando' 
         } 
        }); 
      </script> 
     </body> 
</html>

источник

2015-08-17 18:57:38 sdgluck

Спасибо. Это единственный комментарий, который мне помог. – Adrian

Получить в привычку присвоения имен приложений и контроллеры для приложений, здесь:

http://plnkr.co/edit/gfWh6fqWeni8s8M0iG1B?p=preview

<script> 
var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope) { 
        $scope.person = { 
         'firstName': 'Adrian', 
         'city': 'Orlando' 
        } 
}); 
</script>

Я даже не пытаюсь быть покровительственной задницей, но c heck the tutorial here. Это займет у вас пару часов. Затем перейдите к Jenkov's «полный» учебник.

источник

2015-08-17 18:59:06 VSO

Ваш код работает нормально. Я считаю, что ваш Угловая исходный файл является вопрос попробуйте переключить его в ГКЗ CDN или дважды проверить путь

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>

http://jsfiddle.net/sfwtfp35/2/

источник

2015-08-17 19:00:49 Rafa

Полезно. Я так привык присваивать его, я просто автоматически предполагал, что это проблема. Круто, что вы проверили. – VSO

Да, помимо других предложений по улучшению кода, CDN - отличный способ поддерживать ваш код, но, что более важно, он уменьшает задержку, что обеспечивает более быструю загрузку вашего сайта. – Rafa

Это не сработало. Спасибо за ответ, хотя. Каждый ответ, который я прочитал до сих пор, либо научил меня чему-то об Угловом, либо укрепил ключевую концепцию. – Adrian

Почему я не могу получить этот ОЧЕНЬ простой код AngularJS?

ответ

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