javascript - 角度がジェイドにバインドされていない

Question

Angular と Jade を使用して単純なバインドを機能させるのに問題があります。JavaScript 参照をドキュメントの最後に移動することを提案した以前の回答を読みました。誰でも明らかなエラーを確認したり、提案をしたりできますか?

一部のファイル angular.jade

extends layout

block content
 div.container
 input(type='text' ng-model='yourName')
 h3 hello {{yourName}}
 include includes/footer

それから私のfooter.jade

#footer
   script(src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js')
   script(src='//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js')
   script(src="/socket.io/socket.io.js")
   script(src="/javascripts/script.js")
   script(src='https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js')

これらをフッターに移動して、以前は layout.jade の head セクションにあった違いが生じるかどうかを確認しました。

レイアウトは

doctype 5
html
  head(ng-app)
    title Chat
    link(rel='stylesheet', href='/stylesheets/style.css')
    link(rel='stylesheet',     href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css")


  body
   div(ng-view)
    block content

アップデート

ng-app を head ではなく body に移動する問題を解決し、div(ng-view) を取り除きました。Angularコードを見ていないので、なぜそうなのかわかりません....