0
現在チュートリアルを行っています。私はGoogle Chromeのコンソールの中にエラーはありません。私のコードは著者と1対1でほぼ同じですから、エラーは角度の構文の変化から来ていると思います。(チュートリアルはちょっと古いですね。Angularfireルーティングが正しく機能していません
のindex.html:
<!DOCTYPE html>
<html ng-app="app">
<head>
<title> Expense App </title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="/styles.css">
</head>
<body>
<ng-view></ng-view>
<!-- AngularJS -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script>
<!-- Firebase -->
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>
<!-- AngularFire -->
<script src="https://cdn.firebase.com/libs/angularfire/2.3.0/angularfire.min.js"></script>
<script type="text/javascript" src="/app.js"></script>
<script type="text/javascript" src="/home/home.js"></script>
</body>
</html>
app.js:
var app = angular.module('app', ['ng-route', 'firebase']);
app.config(function($routeProvider){
$routeProvider.when('/home', {
template: '<home></home>'
})
.otherwise('/home')
});
/home/home.js:
angular.module('app').component('home', {
templateUrl: '/home/home.html'
});
/home/home.html
<h1> Expenses App </h1>
かなりまっすぐです。問題は、home.htmlがレンダリングされないことです。手動でlocalhost:3000/home/home.htmlと入力すると、私はそれにアクセスできます。だから私はそのルーティングの問題を推測します。何か案は?
交換してください。ただし、home.htmlサイトはまだレンダリングされません。 – Prometheus