javascript - angularJS绑定不起作用

Question

我对 Angular 和 Jade 有疑问。我有我的 index.jade，它看起来像这样：

extends ../layouts/default

block content
  script(type='text/javascript', src='/js/angular.js')
  script(type='text/javascript', src='./controllers.js')

  ul(ng-controller='PhoneListCtrl')
    li(ng-repeat='phone in phones')
      {{phone.name}}
      p {{phone.snippet}}

和我的角度控制器，看起来像这样：

'use strict';

/* Controllers */

function PhoneListCtrl($scope) {
  $scope.phones = [
    {"name": "Nexus S",
     "snippet": "Fast just got faster with Nexus S.",
     "age": 0},
    {"name": "Motorola XOOM™ with Wi-Fi",
     "snippet": "The Next, Next Generation tablet.",
     "age": 2},
    {"name": "MOTOROLA XOOM™",
     "snippet": "The Next, Next Generation tablet.",
     "age": 1}
  ];
}

我的问题是当我运行代码时 index.jade 中的绑定不起作用。所以我有点迷茫，因为我不知道为什么。谢谢你的帮助