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到身体而不是头部并摆脱了div（ng-view）。没看过Angular代码所以不确定为什么会这样......

Answer 1

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

角度不与玉结合

1 个答案: