2016-12-17 19 views
2

私は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は私の理解に従ってファイルをロードすべきですが、そうではありません。

+0

コンソールにエラーがありますか? –

+0

@SaEChowdaryなし – fur866

答えて

-1

localhost/index.html#chatroomは使用しないでください。 localhost /#/ chatroomに変更してください

+0

まだ同じ問題 – fur866

+0

そのURLを実行すると空白のページしか表示されませんか? – digit

+0

いいえ、ng-view divの前に

タグの「ss」を表示しています – fur866

-1

ng-view divの後にスクリプトタグを追加

+0

どのスクリプトタグですか?それらのすべて? – fur866

+0

@ fur866はい、すべてのスクリプトタグがng-viewより下にあります –

関連する問題