angular 观看次数未加载

Question

我是节点和 angular 的菜鸟，我正在尝试使用几页来构建和应用程序。我已经完全按照教程进行操作，但无论出于何种原因，我的应用程序无法正常工作，也不会加载我的视图。它可以很好地呈现 index.html 页面，但是当我转到另一个 URL 页面时，它不会在 ng-view div 中显示我的视图。感谢任何帮助

这是我的控制台在登录时的样子 Url

server.js

var express = require('express');
var path = require('path');
var http = require('http');
var bodyParser = require('body-parser');
var app = express();

var routes = require("./api/index");

//Controllers//
var positionController = require('./api/controllers/position');

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended:false}));
app.use(express.static(path.join(__dirname, 'public')));
app.use(express.static(path.join(__dirname, 'api')));
app.use('/api', routes);


app.get('*', function(req, res) {
  res.redirect('/#' + req.originalUrl);
});

var port = 3000;

app.listen(port, () => {
    console.log('Server running on port: '+ port)
  });

  module.exports = app;

index.html

<html lang="en" ng-app="myApp">
    <head>
        <base href="/">
      <meta charset="utf-8">
      <title>ITSC</title>

      <script src="./angular/angular.js"></script>
      <script src="./angular/angular-route.js"></script>
      <script src="./app.js"></script>
    </head>
    <body>
            <a href="#/login">login</a>
        <div ng-view></div>

        <script src="./controllers/position.js"></script>
    </body>
    </html>

login.html

<div class="container login">
<div class="panel">
    <div class="panel-body">
        <form>
            <div class="form-group">
                <label>Email</label>
                <input type="email" name="email" id="email" placeholder="email@website.com" class="form-control">
            </div>
            <div class="form-group">
                <label>Password</label>
                <input type="password" name="password" id="password" placeholder="Password" class="form-control">
                <button type="submit">Log in</button>
            </div>
        </form>
    </div>
</div>
</div>

app.js

angular.module('myApp', ['ngRoute'])
.config(function($routeProvider, $locationProvider){
    $routeProvider
    .when('/',{
        templateURL:'partials/apply.html'
    })
    .when('/login',{
        templateURL:'partials/login.html'
    })
    .when('/managers',{
        templateURL:'partials/managers.html'
    })
    .otherwise({
        redirectTo:'partials/apply.html'
    });
    $locationProvider.html5Mode(true);
});

Answer 1

您需要声明一些Controller，例如：

.when('/',{
  templateURL:'partials/apply.html',
  controller: 'ApplyController'
})

angular.module('myApp').controller('ApplyController',function(){
  ...
})

angular 观看次数未加载

angular views not loading

node.js

angularjs

angular-routing