Question

我是Angular的新手，我遇到了路由问题。当我转到localhost / index.html＃/ chatroom时，它不会加载Chatroom.html。请考虑以下文件。任何帮助将不胜感激。

以下是我的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应按照我的理解加载该文件，但事实并非如此。

Answer 1

你不应该使用localhost / index.html＃chatroom。请将其更改为localhost /＃/ chatroom

Answer 2

在ng-view div之后添加脚本标记

Angular JS - 不在ng-view中添加内容

2 个答案: