gpt4 book ai didi

angularjs - Jade 中的 Angular ng-include。

转载 作者:行者123 更新时间:2023-12-04 22:46:30 36 4
gpt4 key购买 nike

我正在尝试包含一个标题,使用 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')

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

我都试过了 ng-include(src='\'/partials/header.jade\'')div(ng-include='\'/partials/header.jade\'')
在 Chrome 开发者控制台中,第一个结果是 <!--ng-Include: undefined -->第二个: <!-- ng-Include: '/partials/header.jade' -->
有什么线索吗?

最佳答案

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

body(ng-app='myApp')
include partials/header

引用表格 Jade docs .

关于angularjs - Jade 中的 Angular ng-include。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23603635/

36 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com