Angular ng-include in Jade.

Bon*_*nch 4 express angularjs angularjs-ng-include pug

我正在尝试包含一个标题,使用Angular中的ng-include到我的Jade模板中:

doctype html
html(lang="en")
    head
        meta(charset='UTF-8')
        meta(name='fragment', content='!')
        base(href='/')
        title Node Express Angular
        link(rel='stylesheet', href='//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css')
        link(rel='stylesheet', href='/css/syle.css')
    body(ng-app='myApp')
        ng-include(src='\'/partials/header.jade\'')
        div.container
            div.jumbotron.text-center
                h1 Home Page
                p This page is a draft in progress
        script(src='//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.15/angular.min.js')
        script(src='//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.8/angular-ui-router.min.js')
        script(src='/js/app.js')
Run Code Online (Sandbox Code Playgroud)

header.jade中的文本如下:

nav.navbar.navbar-inverse(role='navigation')
ul.nav.navbar-nav.navbar-header
    li
        a(src='/home', class='navbar-brand') Home
    li
        a(src='/about') About
    li
        a(src='/login') Login
    li
        a(src='/register') Register
Run Code Online (Sandbox Code Playgroud)

我曾经尝试都ng-include(src='\'/partials/header.jade\'')div(ng-include='\'/partials/header.jade\'')

在Chrome开发者控制台中,第一个导致结果,<!--ng-Include: undefined -->第二个导致:<!-- ng-Include: '/partials/header.jade' -->

有线索吗?

MJV*_*MJV 9

您是否有使用Angular ng-include而不是Jade自己的包含机制的特定原因?

body(ng-app='myApp')
    include partials/header
Run Code Online (Sandbox Code Playgroud)

参考形式的玉器文档.