角度数据绑定无法与Jade

时间:2015-07-04 22:03:56

标签: javascript angularjs node.js express pug

我写这个测试代码只是为了检查Angular是否正在使用Jade。

layout.jade

doctype html
html
  head
    title #{title}
    link(rel='stylesheet', href='/stylesheets/style.css')
  body(ng-app='app')
    block content
    script(type="javascript" src="/vendor/bower/angular/angular.min.js")
    script(type="javascript" src="/public/app/module.js")

index.jade

extends layout
block content
  div(ng-controller="mainCtrl")
      h1 #{title}
        input(type="text" ng-model="something")
        | {{something}}

但{{something}}始终显示为字符串&不是占位符。

这个问题已被多次询问,我已经检查了答案,但无法解决。

解决: 这应该对初学者有用

原来我没有正确指定文件,

doctype html
html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
    script(type="text/javascript" src="/bower/angular/angular.min.js")
    script(type="text/javascript" src="/javascripts/app/module.js")
  body(ng-app="app")
    block content

作为静态资产的目录,

app.use(express.static(path.join(__ dirname,'public')));

已经在快递应用程序中定义。

此外,我不得不在app.js(express)中为'vendor'添加另一个中间件,即

app.use(express.static(path.join(__ dirname,'vendor')));

1 个答案:

答案 0 :(得分:0)

尝试这样的事情:

extends layout
block content
  div(ng-controller="mainCtrl")
      h1 #{title}
        input(type="text" ng-model="something")
          span(ng-bind="something")