角度1.2,声明控制器作为模块的方法

时间:2014-06-01 19:44:38

标签: javascript angularjs

鉴于以下dom

 <section ng-controller="AppCtrl">
   <p ng-show="currentAirport">Current airport is : {{currentAirport}}</p>
 </section>

我过去常常声明这样的控制器

 function AppCtrl ($scope) {
   $scope.currentAirport = 'JFK';
 }              

但最近我尝试根据angular docs

调整相同的控制器代码
 var allcontrollers = angular.module('allcontrollers', []);
 allcontrollers.controller(
    'AppCtrl', 
    [
       '$scope',
       function($scope) {           
          $scope.currentAirport = 'JFK';
       }
    ]
 );

但......它不起作用。我创建了一个jsfiddle http://jsfiddle.net/PrimeLens/4wym8/,你能告诉我哪里出错了吗?

1 个答案:

答案 0 :(得分:2)

您需要使用ngApp指令声明主应用程序模块:

<body ng-app="allcontrollers">

更新演示:http://jsfiddle.net/4wym8/1/