0
私はノードと角に目を覚ましており、いくつかのページでアプリケーションを構築しようとしています。私はチュートリアルを正確なポイントに従っており、何らかの理由でアプリケーションが動作しておらず、私の見解が読み込まれません。それはindex.htmlページをうまくレンダリングしますが、他のURLのうちの1つに移動すると、ビューをng-view divに表示していません。すべてのヘルプは
ここangle views not loaded
は私のコンソールが
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と
server.jsログインURLのように見えるもので高く評価され
<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 protected]" 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>
012あなたは、たとえば、いくつかのコントローラを宣言する必要があり
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);
});
それは 'templateUrl'、ではない' templateURL'です。 https://docs.angularjs.org/api/ngRoute/provider/$routeProvider – Phix
wow。私はこれをキャッチしなかったとは信じられません。ありがとう、これを受け入れられた答えと組み合わせて、私の問題は完全に解決されました。 –