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文件無法響應快速應用程序

回答

相關問題