TemplateUrl не отображает home.html

Question

TemplateUrl не отображает home.html

0

Может кто-то помочь мне в этом, пожалуйста, он не служит HomeController. он не распечатывал текст внутри моего Home.html при запуске http://localhost/myangular/

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>

jemz 26 март 2016, в 23:17

Источник

Теги:

angularjs

angular-routing

2 ответа

0

попробуйте вот так:

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

с относительным путем для шаблонаUrl. Я просто предполагаю это, я не знаком с угловыми

CalinCosmin 26 март 2016, в 20:52

0

к сожалению не работает
jemz 26 март 2016, в 22:11

Ещё вопросы

Cosmin Ababei · Accepted Answer · 2016-03-26T19-20-00.000Z

Основная проблема, которую я вижу с вашим кодом, заключается в том, что вы не загружаете ngRoute - поскольку AngularJS 1.2.0, ngRoute разделяется на собственный модуль.

Шаги по устранению проблемы:

добавить библиотеку //ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-route.min.js: //ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-route.min.js
добавьте его как зависимость: angular.module("myApp",["ngRoute"])

это работает, но почему видеоурок, которому я следовал, не использует зависимость ngRoute?
Ах ... я вижу, теперь ngRoute отделен. Спасибо за это
Я только что отредактировал свой ответ. Начиная с AngularJS 1.2.0 ngRoute был разделен на собственный модуль.
Это обеспечивает большую гибкость, так как вы можете использовать другие сторонние библиотеки (например, ui-router ).