Что не так в этом коде Angularjs?

<!DOCTYPE html> 
<html lang="en" ng-app> 
<head> 
    <meta charset="UTF-8"> 
    <title>Simple angular</title> 
    <script src="lib/angular/angular.min.js"></script> 
</head> 
<body> 
    <div ng-controller="MyController"> 

     <h1>{{a.name}}</h1> 

    </div> 

    <script> 
    function MyController($scope) { 
     $scope.a = { 
      'name':"fox", 
      'title':'hello' 
     } 
    } 

    </script> 

</body> 
</html>

Я изучаю angularjs. Не могли бы вы рассказать мне, что не так с этим кодом?
Я получаю результат, как «a.name» вместо «лисиц»

источник

2015-03-22 Ashwin Kannan

Какую версию углового вы используете? –

Угловой 1.3 и новее вы не можете использовать глобальные функции в качестве контроллеров – Tom

Версия Angular: 1.3.x –

Поскольку вы используете Угловые 1.3, вам нужно «прикрепить» контроллеры для модуля:

<!DOCTYPE html> 

<html lang="en" ng-app="myApp"> //Change #1: need to write your app here 

<head> 
    <meta charset="UTF-8"> 
    <title>Simple angular</title> 
    <script src="lib/angular/angular.min.js"></script> 
</head> 
<body> 
    <div ng-controller="MyController"> 

     <h1>{{a.name}}</h1> 

    </div> 

    <script> 
    var app = angular.module("myApp", []); //Change #2: declare your app 

    function MyController($scope) { 
     $scope.a = { 
     'name':"fox", 
     'title':'hello' 
     } 
    } 

    app.controller("MyController", MyController); //Change #3: attach your controller 

    </script> 

</body> 
</html>

Всего необходимо внести 3 корректировки в код.

источник

2015-03-22 15:45:51

Что не так в этом коде Angularjs?

ответ

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