Question

我使用angular.js和node.js服务器创建了一个简单的页面，ng-include不起作用。控制台错误：404（未找到）

index.html

<html>
<script 
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js">
</script>
<body>
<div ng-app="">
<div ng-include="'views/header.htm'"></div>

<h1>heading one</h1>
</div>

</body>
</html>

header.htm

  <h1>heading one</h1>

server.js

var express = require('express');
var app = express();
var bodyParser =  require("body-parser");
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());



app.get('/', function(req, res){
res.sendFile(__dirname + '/' + 'index.html');
console.log("----------------");
});

app.listen(3000);

输出

  heading one

Answer 1

404表示该文件不存在。确保HTML文件存在于给定路径中。此外，还有拼写错误。应为views/header.html

<div ng-include="'views/header.html'"></div>

Answer 2

也许在这里找到你的答案： angularjs ng-include not showing file

ng-include不能与node.js服务器一起使用

2 个答案: