HTML文件无法响应快速应用程序

我正试图在Windows计算机上设置快速应用程序。在名为“server”的目录中的后端文件server.js响应名为“public”的目录中的一个angularjs文件app.js，显示文件index.html也公开显示结果。我已经安装了节点，mongo，mongoose，express和angularjs。索引文件应该显示我安装的mongodb产品，但它什么也没有显示。HTML文件无法响应快速应用程序

从三个文件的代码公共/ 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>

公共/ 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显示空白页面？

来源

2016-05-13 Sparksido

'shttp'应该是'$ http'，可能是错字.. –

解决了我所有的问题，谢谢Pankaj – Sparksido

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

来源

2016-05-13 07:31:35

HTML文件无法响应快速应用程序

回答

相关问题