简单的AngularJS不起作用

时间:2016-09-01 18:35:13

标签: angularjs

我刚刚开始学习AngularJS并且正在学习教程。出于某种原因,它显示{{name}},而不是我在下面的代码中给出的名称。

的index.html

<!doctype html>
<html ng-app="myApp">
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"> </script>
        <script src="js/main.js"> </script>
    </head>
    <body>
        <div ng-controller="MyController">
            {{ name }}
        </div>
    </body>
</html>

main.js

var app = angular.module('myApp', []);
app.controller('MyController', function($scope)) {  
    $scope.name = "Hello World!";
}

1 个答案:

答案 0 :(得分:3)

我看到的错误是你把()放在控制器的错误位置。尝试使用以下

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

app.controller('MyController', function($scope) {
$scope.name = "Hello World!";
});