首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >未使用Node.js和Angular.js获取页面

未使用Node.js和Angular.js获取页面
EN

Stack Overflow用户
提问于 2016-12-12 16:35:37
回答 1查看 40关注 0票数 -1

我无法使用Node.js和Angular.js获得所需的局部视图。我的代码如下。

server.js:

代码语言:javascript
复制
var port=8989;
var express=require('express');
var morgan = require('morgan');
var http=require('http');
var bodyParser= require('body-parser');
var methodOverride = require('method-override');
var mongo = require('mongojs');
var app=express();
var server=http.Server(app);
var admin=require('./route/route.js');
app.use(express.static(__dirname + '/public')); 
app.use(morgan('dev'));                  
app.use(bodyParser.urlencoded({ extended: false }))   
app.use(bodyParser.json())    
app.use(methodOverride());
app.get('/',function(req,res){
    res.sendfile('index.html');
})
server.listen(port);
console.log("Server is running on the port"+port);

上面是我的服务器端文件。

index.html:

代码语言:javascript
复制
<!DOCTYPE html>
<html lang="en" ng-app="FGDP">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Chinmaya Sahu">
    <title>...:::WELCOME TO FGDP:::...</title>
    <link href="css/pace.css" rel="stylesheet">
    <script src="js/pace.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="js/angularjs.js" type="text/javascript"></script>
    <script src="js/angularuirouter.js" type="text/javascript"></script>
    <script src="js/loginRoute.js" type="text/javascript"></script>
    <script src="js/angularcaps.js" type="text/javascript"></script>
    <script src="js/angular-messages.js" type="text/javascript"></script>
    <script src="js/angularuibootstrap.js" type="text/javascript"></script>
</head>

<body>
<div  ui-view>

</div>
<!--<base href="/Gofasto/">-->
<!--<base href="/spesh/">-->
</body>
</html>

第一个用户将得到上面的page.Inside ui-view,局部视图将呈现,如下所示。

public/js/loginRoute.js:

代码语言:javascript
复制
$stateProvider
     .state('/', {
            url: '/',
            templateUrl: 'view/login.html',
            controller: 'loginController'
        })

这里login.html是部分视图,下面给出了它的非coming.My目录结构。

代码语言:javascript
复制
1)root directory

  -> Node_modules
  -> Public
       =>JS
       =>CSS
       =>Controller
 -> View
 -> server.js
 ->Package.json
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-12-12 17:49:21

您已经编写了以下代码行,用于将公用文件夹内的内容绑定到根路径。

代码语言:javascript
复制
app.use(express.static(__dirname + '/public')); 

例如,通过访问http://localhost:8989/js/loginRoute.js,你可以得到javascript文件。

您的view文件夹不在公共目录下。因此,您将获得用于http://localhost:8989/view/login.html404

一种可能的解决方案是在public中移动view目录。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41096884

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档