gpt4 book ai didi

node.js - Jade 无法使用 ng-view 指令正确渲染元素

转载 作者:搜寻专家 更新时间:2023-10-31 23:54:48 24 4
gpt4 key购买 nike

我正在编写一个基本的 Node 应用程序,只想用 Jade 呈现索引页面,然后让 Angular 在前端完成其余的工作。

这是 Jade(略微缩短以说明问题):

doctype html
html
include ../includes/head

body(ng-app="TestApp" ng-controller="TestAppController")

div(ng-view)

include ../includes/foot


编译为以下 HTML:

<html>

<head>
<meta charset="utf-8">
<title>Example App</title>
<link rel="stylesheet" href="/dist/css/app.css">
</head>

<body ng-app="ExampleApp" ng-controller="ExampleAppController" class="ng-scope">

<!-- ngView: -->

<footer class="page-footer">
<ul class="page-footer-links">
<li><a href="http://www.twitter.com/someusername" target="_blank">Some Twitter User</a></li>
</ul>
</footer>

<script src="/dist/js/app.min.js"></script>
</body>
</html>


请注意 div(ng-view) 现在是呈现的 HTML 中的 HTML 注释,而不是带有指令的 DIV:

<!-- ngView:  -->

将 Jade 中的 div(ng-view) 更改为以下任何一项都会为我产生相同的结果:

ng-view

<div ng-view></div>

| <div ng-view></div>


关于为什么会发生这种情况有什么想法吗?

最佳答案

这实际上与杰德无关。正如@NikosParaskevopoulos 在评论中所述,<!-- ngView: --> HTML 注释是 Angular 在看到 <div ng-view> 时创建的占位符。并且没有在其中显示的路线。

重新定义我的 Angular 路由解决了这个问题。

关于node.js - Jade 无法使用 ng-view 指令正确渲染元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24307025/

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