私はAngularを初めて使っています。ルーティングに問題があります。 localhost/index.html#/ chatroomに行くと、Chatroom.htmlはロードされません。以下のファイルをご検討ください。どんな助けもありがとう。続きAngular JS - ng-viewでコンテンツを追加していません
は私のCore.jsファイルです:
var messagingApp = angular.module('messagingApp',['ngRoute']);
function mainController($scope) {
console.log("yay");
}
function routing($routeProvider) {
$routeProvider.when('/chatroom', {
templateUrl : 'templates/ChatRoom.html',
controller : 'mainController'
});
}
messagingApp.config(routing);
messagingApp.controller('mainController',mainController);
後、私のindex.htmlファイルされる:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css">
<script src="https://cdn.socket.io/socket.io-1.4.5.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script>
<script src="js/User.js"></script>
<script src="js/core.js"></script>
<title>Real Time Chat</title>
</head>
<body ng-app="messagingApp">
<p>ss</p>
<div ng-view>
</div>
以下は、私のChatRoom.htmlです:
<div class="row">
<p>ssss</p>
<ul class="users">
<li ng-repeat="user in users">{{ user.UserName }}</li>
</ul>
</div>
のディレクトリ構造:
-js
core.js
-templates
ChatRoom.html
-index.html
localhost/index.htmlに行く#chatroomは私の理解に従ってファイルをロードすべきですが、そうではありません。
コンソールにエラーがありますか? –
@SaEChowdaryなし – fur866