javascript - Angular 数据绑定(bind)不适用于 Jade

Question

我编写此测试代码只是为了检查 Angular 是否可以与 Jade 配合使用。

布局.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')));

已在 Express 应用程序中定义。

此外，我必须在 app.js (express) 中为“vendor ”添加另一个中间件，即，

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

Answer 1

尝试这样的事情:

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