2013-04-01 10 views
5

śledzę tutorial angularjs - "Building a website with AngularJS"trasy Angular JS nie pracują, tylko pokazuje drogę do częściowego, a nie częściowe

Trasy używam są prawie takie same jak w tutorialu:

// JavaScript Document 
angular.module('quest', []). 
    config(function($routeProvider) { 
     $routeProvider. 
      when('/about', {template:'partials/about.html'}). 
      when('/start', {template:'partials/start.html'}). 
      otherwise({redirectTo:'/home', template:'partials/home.html'}); 
    }); 

problemem jest: pokazuje tylko ścieżkę do zasobu, zamiast zawartości zasobu, więc zamiast pokazywać zawartość HTML, to tylko pokazuje:

PARTIALS/ABOUT.HTML 

Nie jestem pewien, co robię źle, ale działa, jeśli przejdę do adresu #/o adresie URL, wyświetli się "PARTIALS/ABOUT.HTML", jeśli zmienię adres URL na index.html #/start it shows "partials/plik -start.html"

html strony:

<!DOCTYPE html> 
<html lang="en" ng-app="quest"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
     <meta name="format-detection" content="telephone=no" /> 
     <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> 
     <link rel="stylesheet" type="text/css" href="css/index.css" /> 
     <title></title> 
    </head> 
    <body ng-controller="MainController"> 
     <script type="text/javascript" src="js/angular.min.js"></script> 
     <script type="text/javascript" src="js/quest.js"></script> 

     <div ng-view></div> 

    </body> 
</html> 

Odpowiedz

11

Zastosowanie templateUrl zamiast template

+0

argghh! kiedy zmieniłem go na templateURL, to się nie udało, miałem zły przypadek. Również samouczek nie ma adresu URL i działa. Ale zmieniono go na tempalteUrl i teraz działa. Dzięki! – nycynik

+1

Jest to trochę niejasne na oficjalnej stronie internetowej. – finishingmove

+0

drapiąc moją głowę na 1 godzinę zasługujesz na mój upominek – Merlin