角度数据绑定不适用于 Jade

Question

我编写这个测试代码只是为了检查 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')));

已在 express 应用中定义。

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

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")