Question

有人可以帮助我吗，它不是为HomeController服务的。当我运行http://localhost/myangular/

时，它没有在我的Home.html中打印文本

的index.html

<!DOCTYPE html>
<html ng-app="myApp">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link rel="stylesheet" href="css/bootstrap.min.css">
    </head>
    <body>
        <div ng-view></div>

        <!-- Include the AngularJS library -->
        <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
        <!-- Include main.js -->
        <script src="js/main.js"></script>
    </body>
</html>

main.js

var app = angular.module("myApp", []);

app.config(function($routeProvider) {
    $routeProvider
        .when('/', {
            templateUrl: "templates/home.html",
            controller: 'HomeController'
        })
        .otherwise({
            redirectTo: '/'
        });
});

app.controller('HomeController', function($scope) {

});

home.html的

<h1>hello home</h1>

Answer 1

我在您的代码中看到的主要问题是您未加载ngRoute - 自AngularJS 1.2.0起，ngRoute被分成了自己的代码模块。

解决问题的步骤：

添加ngRoute库：DEBUG
将其添加为依赖项：npm

Answer 2

尝试这样：

app.config(function($routeProvider){
    $routeProvider.when('/',{
        templateUrl:"/templates/home.html",
        controller: 'HomeController'
    }).otherwise({ redirectTo: '/'});  
});

具有templateUrl的相对路径。我只是假设这个，我不熟悉角度

TemplateUrl没有显示home.html

2 个答案: