Невозможно загрузить контент со страниц представлений при создании SPA с помощью angular JS
Я столкнулся с проблемой, в которой мои представления не отображают значения на главной странице. Я пытаюсь создать SPA(одностраничное приложение) с помощью Angular JS.
Я сохранил три html-страницы (main,about и blog).html в отдельной папке с именем pages.
Каждый раз, когда я запускаю это приложение, содержимое записывается на трех html-страницах (main, about и blog). html невидим для меня..
Пожалуйста, еще раз просмотрите мой код и скажите мне, в чем моя ошибка
Что я уже пробовал:
Моя главная страница(index.html)
<!DOCTYPE html>
& lt;название>
&ЛТ;Н1&ГТ;домашний&ЛТ;/Н1&ГТ;
&ЛТ;Н3 и GT;{{сообщение}}&ЛТ;/Н3&ГТ;
< h1 & gt;блог< / h1>
&ЛТ;Н3 и GT;{{сообщение}}&ЛТ;/Н3&ГТ;
&ЛТ;Н1 и GT;о</Н1&ГТ;
&ЛТ;Н3 и GT;{{сообщение}}&ЛТ;/Н3&ГТ;
Домой
Блог
О
Моя страница сценария
var app = angular. module ('myApp', ['ngRoute']);
app. config(функция ($routeProvider) {
$routeProvider
.когда('/', {
templateUrl: 'pages/home.html',
контроллер: 'HomeController'
})
.когда('/блог, {
templateUrl: 'pages/blog.html',
контроллер: 'BlogController'
})
.когда('/о', {
templateUrl: 'pages/about.html',
контроллер: "о контроллере"
})
. в противном случае({ redirectTo: '/' });
});
app. controller ('HomeController', function ($scope) {
$scope. message = 'привет от HomeController';
});
app. controller ('BlogController', function ($scope) {
$scope. message = 'привет от BlogController';
});
app. controller ('AboutController', function ($scope) {
$scope. message = 'привет от AboutController';
});
мой home.html страница
Домой
{{сообщение}}
мой blog.html страница
Блог
{{сообщение}}
мой about.html страница
О
{{сообщение}}
Karthik_Mahalingam
добавьте код внутри тега & lt; pre >