我想在Windows机器上设置一个快速应用程序 . 名为“server”的目录中的后端文件server.js响应名为“public”的目录中的angularjs文件app.js,并且公共显示文件index.html也显示结果 . 我已经安装了node,mongo,mongoose,express和angularjs . 索引文件应该显示我安装的mongodb产品,但它什么也没显示 .
来自三个文件public / 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显示空白页?
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