javascript - angularjs 模块和 Controller 不工作

Question

我正在尝试创建模块和 Controller 来理解基本概念。我尝试了以下代码，但它不起作用。

<div ng-contoller = "MyController">
<p>
{{ author.name }}
</p>
<p>
{{ author.age }}
</p>
<p>
{{ author.sex }}
</p>
</div>

var myApp = angular.module('myApp',[]);


myApp.controller('MyController', function MyController($scope){
    $scope.author = {
        'name'  :   'Sameer Sashittal',
        'age'   :   '28',
        'sex'   :   'Male'
    }
});

以上代码无效。谁能指导我哪里做错了。

Answer 1

使用 ng-app 将您的模块添加到 div。

ng-controller 也有错别字

<div ng-app="myApp" ng-controller = "MyController">

Controller 应该是

myApp.controller('MyController', function ($scope){