使用routeProvider

时间:2016-06-29 05:58:24

标签: angularjs express

我正在创建一个angularjs应用程序,其中我使用Express作为后端。我面临的问题是无法在我的Html页面之间切换。亲切的帮助,我尝试了很多教程,但没有一个我觉得在我提供的路径中肯定存在一些问题。 这是我的server.js     `

var express = require('express');
    var app = express();
    var bodyParser = require('body-parser');
    var mysql      = require('mysql');
    var ejs = require('ejs');
    var urlencodedParser = bodyParser.urlencoded({extended:false});
    var connection = mysql.createConnection({
      host     : 'localhost',
      user     : 'root',
      password : '',
      database : 'test'

    });
    connection.connect();
    app.use(express.static('public'));
    //app.set('views', __dirname + 'views');//this is used because res.render('../template/goto_page_options.html', {values : city});
                                            //was not able to render the view
    app.set('view engine', 'ejs');
    app.use(bodyParser.json());

    app.get('/', function(req, res) {
        var path = require('path');
    res.sendFile(path.resolve('../template/login.html'));
        console.log("WOW");
    })
    app.get('/home', function(req, res) {
        var path = require('path');
        res.sendFile(path.resolve('../template/home.html'));
        console.log("home requested");
    })

` 这是我的app.js

app.config(['$routeProvider', function ($routeProvider){

$routeProvider
    .when('/',{
        redirectTo: '/login'
    })
    .when('/home',{
        templateUrl:'home.html'
    })
    .when('/employee',{
        templateUrl:'employee.html'
    })
    .when('/login',{
        templateUrl:'login.html'
    })
    .otherwise({ redirectTo: '/login' });

}]);

这是我的index.html

<body ng-app="starter">
            <div ng-view></div>
        <script src="http://localhost/try/www/js/app.js"></script>
        <script src="http://localhost/try/www/js/server.js"></script>
</body>

我的目录结构是

templates
  --login.html
  --home.hml
js
  --app.js
index.html

1 个答案:

答案 0 :(得分:0)

在index.html中,您已包含

ContentResolver

但是在你的目录结构中,没有这样的文件。在浏览器中检查控制台。将找不到文件错误。 也没有这样的文件

<script src="http://localhost/try/www/js/server.js"></script>