Почему моя область AngularJS $ не работает?

Я очень новичок в Угловом и все еще очень новичок в 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>

Я удалил все лишние вещи из образца кода выше, но я должен сообщить, что я также вытягивать двух шрифтов и JQuery из Google CDN, и есть пару локальных плагинов jQuery.

Я также использую несколько внешних CSS-файлов. Страница целиком находится по адресу here.

PLease помогите мне понять, что я делаю неправильно и почему это не работает. Благодарю.

источник

2014-02-18 AHCo

Не заворачивайте Угловой код в готовой функции JQuery DOM! Сценарий уже находится в нижней части страницы. – tymeJV

Хорошо, я удалю это сейчас. Благодарю. Однако это не решило проблему. – AHCo

не уверен, но может быть, что ваш тег

Смежные вопросы