为什么我的AngularJS $ scope不起作用？

我对Angular非常非常陌生，但仍然非常喜欢Javascript。我跟着一个教程，但结果不适用于我的项目。

教程：http://toddmotto.com/ultimate-guide-to-learning-angular-js-in-one-day

HTML

<!DOCTYPE html> 
<html ng-app="soCLean"> 
    <head></head> 
    <body ng-controller="soCleanLandingPage"> 
     <div> 
      <p>{{locale}}</p> 
      <p>{{type}}</p> 
      <p>{{service}}</p> 
      <p>{{serviceSingle}}</p> 
     </div> 
     <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular.min.js"></script> 
     <script> 
       var soClean = angular.module('soClean', []); 
        soClean.controller('soCleanLandingPage', ['$scope', function ($scope) { 
         $scope.locale = 'vancouver'; 
         $scope.type = 'residential'; 
         $scope.service = 'pressure washing'; 
         $scope.serviceSingle = 'pressure wash'; 
       }]); 
     </script> 
    </body> 
</html>

我已删除从上面的代码示例所有多余的东西，但我要提醒，我也拉着两种字体，并从谷歌CDN的jQuery，并有一对本地jQuery插件。

我也在使用一些外部CSS文件。该页面的全部内容可在here找到。

PLease帮助我了解我在做什么错，为什么这不起作用。谢谢。

来源

2014-02-18 AHCo

不要换你的角码的jQuery的DOM准备的功能！脚本已经在页面的底部。 – tymeJV

好的，我现在将删除它。谢谢。但是，它没有解决这个问题。 – AHCo

不确定，但可能是您的

为什么我的AngularJS $ scope不起作用？

相关问题