无法使用角度js中的控制器打印消息?

时间:2016-12-25 11:29:39

标签: angularjs module controller

我刚开始学习Angular js,我在外部js文件中创建了一个模块和控制器,

 **External js file contains**
var myApp = angular.module("myModule", []);



myApp.contorller("myController", function($scope) {
    $scope.message = "Welcome to angular js";
});

然后我将控制器绑定在那个

HTMl文件

<!DOCTYPE html>
    <html ng-app="myModule">
    <head >
        <title>Learing Angular js</title>
        <meta charset="utf-8" />
        <script src="scripts/angular.min.js"></script>
        <script src= "scripts/custom.js"></script>
    </head>

    <body >{{50+30}}
        <div ng-controller="myController" >
    {{ message}}

        </div>
    </body>
    </html>

我的消息未显示在视图中,它显示完整的表达式{{message}},但50 + 30正常工作。我的控制器和模块出了什么问题。

1 个答案:

答案 0 :(得分:4)

这是错误:“contorller”

更改

myApp.contorller("myController", function($scope) {
    $scope.message = "Welcome to angular js"; });

myApp.controller("myController", function($scope) {
    $scope.message = "Welcome to angular js";
});