ngRoute не загружает представление, определенное $ routeProvider

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

Я создал простое приложение, чтобы описать мою попытку.

index.html:

<!DOCTYPE html> 
<html ng-app="tester"> 

    <head> 
    <meta charset="utf-8" /> 
    <title>ngRoute Test</title> 
    <script>document.write('<base href="' + document.location + '" />');</script> 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular.min.js"></script> 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular-route.js"></script> 
    <script src="app.js"></script> 
    </head> 

    <p>Here is a link to switch views:</p> 
    <a href="/tests">Test</a> 
    <div ng-view></div> 

</html>

app.js

var app = angular.module('tester', ['ngRoute']).config(function($routeProvider) { 
    $routeProvider 
     .when('/tests', { 
      templateUrl: 'tests.html', 
      controller: 'TestCtrl' 
     }); 
}); 


app.controller('TestCtrl', ['$scope', function($scope){ 
    $scope.title = "This is a Test Page"; 
}]);

tests.html

<p>{{ title }}</p>

Вот plunkr, который показывает мой Ув mpt: http://plnkr.co/edit/ntgV5xFTl46tBugEnCVe?p=preview. Любая помощь по этому вопросу была бы высоко оценена!

источник

2014-09-09 mmedal

проверить ссылку Http: //stackoverflow.com/questions/16677528/location-switching-between-html5-and-hashbang-mode-link-rewriting – Shohel

Поскольку у вас нет режима Html5 включен, то вы должны сделать ссылку на мнение так:

<a href="#/tests">Test</a>

Проверьте это plunker: http://plnkr.co/edit/Pn4rzbFSxcjyfeojJyF1?p=preview

источник

2014-09-09 01:50:29 Josep

Отлично, спасибо. Сейчас работает как шарм! – mmedal

ngRoute не загружает представление, определенное $ routeProvider

ответ

Смежные вопросы