HTML 文件无法在 Express 应用程序中响应答案

【问题标题】：HTML file fails to respond in Express appHTML 文件无法在 Express 应用程序中响应
【发布时间】：2016-05-13 15:31:35
【问题描述】：

我正在尝试在 Windows 机器上设置快速应用程序。名为“server”的目录中的后端文件 server.js 响应名为“public”的目录中的 angularjs 文件 app.js，并且显示文件 index.html 也公开显示结果。我已经安装了 node、mongo、mongoose、express 和 angularjs。索引文件应该显示我安装的 mongodb 产品，但它什么也没显示。

三个文件中的代码公共/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body ng-app = "jetbrains" ng-controller="AppCtrl as app">

    <ul>
        <li ng-repeat = "product in app.products">
            {{ product.name }}
        </li>
    </ul>

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

public/app.js

var jetbrains = angular.module("jetbrains",[]);

jetbrains.controller("AppCtrl", function (shttp) {
    var app = this;
    shttp.get("http://localhost:3000").success(function (products) {
        app.products = products;
    })
})

服务器/server.js

var express = require("express");
var app = express();

var cors = require("cors");
app.use(cors());

var mongoose = require("mongoose");
mongoose.connect('mongodb://localhost/localhost');

var Product = mongoose.model('Product',{name:String});

app.get("/",function(req,res){
    Product.find(function (err, products) {
        res.send(products);
    })
})

app.listen(3000);

整个项目存储在一个目录中，我使用 webstorm ide 来运行整个项目。谁能告诉我为什么我的 index.html 显示的是空白页？

【问题讨论】：

shttp 应该是$http，可能是错字..
解决了我所有的问题，谢谢Pankaj

标签： angularjs express mean-stack

【解决方案1】：

我认为您使用 Directive Controllers (ng-conrtoller="AppCtrl as app")，因此您的 app.js 认为您的代码不正确。你可以看到这个视频是关于指令控制器的简单例子。希望这有帮助=)： http://campus.codeschool.com/courses/shaping-up-with-angular-js/level/4/section/2/video/1

【讨论】：