我无法在我的HTML页面中显示我的Angular代码

时间:2015-07-06 23:21:30

标签: html angularjs

我几乎是Angular的初学者,虽然我看了几件事,但我无法弄清楚为什么我的代码无法在我的页面上正确显示。

我的HTML是这样的:

<html>
<head>
  <script src = "//ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js">
  </script>
</head>

 <body ng-app="MyApp">
     <div ng-controller="MainController">
        <h1> {{ title }} </h1>
     </div>
 </body>

</html>

同时,我的角度控制器看起来像这样:

app.controller('MainController', ['$scope', function($scope) {
$scope.title: "My favourite movies...so far";

 $scope.movies = 
 [
   {... etc } 
 ]

我的角度模块看起来像这样:

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

我在这方面几乎是一个巨大的新手,究竟我做错了什么?

1 个答案:

答案 0 :(得分:1)

你的代码上有一个拼写错误很可能就是停止了所有的执行;

替换:

$scope.title: "My favourite movies...so far";

使用:

$scope.title = "My favourite movies...so far";