2015-11-07 83 views
0

我想使用ngRoute,但我似乎无法获得templateURL的工作。除了当我使用templateURL时,一切都按预期工作。Angularjs routeProvider templateURL不工作

我有4个不同的文件:

的test.html

<p>{{test}}</p> 

test.js

angular.module("app") 
.controller("testController", ["$scope", function($scope) { 
    $scope.test = 10; 
}]) 

app.js

angular.module("app", ["ngRoute"]) 
.config(function ($routeProvider) { 
    $routeProvider.otherwise({"redirectTo": "1"}) 
     .when("/1", { 
      "controller": "testController", 
      "template": "{{test}}" 
     }) 
     .when("/2", { 
      "controller": "testController", 
      "templateURL": "test.html" 
     }); 
}); 

的index.html

<!DOCTYPE html> 
<html> 
    <body ng-app="app"> 
     <div ng-view=""></div> 
     <script src="js/angular.js"></script> 
     <script src="js/angular-route.js"></script> 
     <script src="app.js"></script> 
     <script src="test.js"></script> 
    </body> 
</html> 

当我转到http://localhost:5000/#/1时,它显示10为预期值。但是,当我去http://localhost:5000/#/2,它不显示任何东西。

+0

我did'n知道这一招用'{{测试}}'。 无论如何检查你没有错误的控制台。像404丢失文件。 – Dvir

+0

控制台中没有错误。我确实注意到去'http:// localhost:5000 /#/ 2'删除'

' – user224266

回答

2

你有templateURL一个错字,应该是templateUrl