1

我在使用 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 的头部

布局是

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 移动到 body 而不是 head 并摆脱了 div(ng-view) 的问题。没有看过 Angular 代码，所以不知道为什么会这样......

4

1 回答 1

0

我会angular.min.js先导入（而不是最后导入）。另外，您是否检查了控制台是否有任何错误？

于 2013-10-16T00:00:07.233 回答