Вид не загружается в AngularJS

Не видите, что мне здесь не хватает. Мой javascript не бросает никаких ошибок, но когда я запускаю главную страницу, я получаю пустой экран; похоже, что view1.htm не загружается.Вид не загружается в AngularJS

Вот главная страница:

<!doctype HTML> 
<html ng-app="demoApp"> 
    <!--- This is how you integrate with partials (views)... ---> 
    <head> 
     <title>Using AngularJS Views</title> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-route.min.js"></script> 
     <!-- normally would put this in it's own js file and call with script src="" --> 
     <script> 
      var demoApp = angular.module('demoApp', ['ngRoute']); 

      demoApp.config(function ($routeProvider) { 
       $routeProvider 
       .when("/", 
         { 
          controller:"simpleController", 
          templateURL:"partials/view1.htm" 
         }) 
       .when("/view2", 
         { 
          controller:"simpleController", 
          templateURL:"partials/view2.htm" 
         }) 
       .otherwise({ redirectTo: "/"}); 
      }); 


      demoApp.controller('simpleController', ['$scope', function($scope) { 
       $scope.customers = [ 
         {name:"David Jones", city:"Phoenix"}, 
         {name:"James Riley", city:"Atlanta"}, 
         {name:"Heedy Wahlin", city:"Chandler"}, 
         {name:"Thomas Winter", city:"Seattle"} 
       ]; 

       $scope.addCustomer = function(){ 
        $scope.customers.push(
         {name: $scope.newCustomer.name, city: $scope.newCustomer.city} 
        ); 
       }; 
      }]);     
     </script> 
    </head> 
    <body> 
     <div> 
      <!-- placeholder for the views --> 
      <div ng-view></div> 
     </div> 
    </body> 
</html>

и вот обертоны/view1.htm:

<div class="container"> 
    <h2>View 1</h2> 
    Name: 
    <br/> 
    <input type="text" ng-model="filter.name" /> 
    <br/> 
    <ul> 
     <li ng-repeat="cust in customers | filter:filter.name">{{cust.name}}</li> 
    </ul> 
    <br/> 
    Customer Name:<br/> 
    <input type="text" ng-model="newCustomer.name" /> 
    <br/> 
    Customer City:<br/> 
    <input type="text" ng-model="newCustomer.city" /> 
    <br/> 
    <button ng-click="addCustomer()">Add Customer</button> 
    <a href="#/view2.htm">View 2</a> 
</div>

Спасибо за любую помощь.

источник

2015-04-18 Cmaso

Найдено. templateURL должен быть templateUrl.

источник

2015-04-18 15:35:04 Cmaso

Если проблема решена с помощью этого ответа, пометьте его как правильный ответ;) – jbigman

Вид не загружается в AngularJS

ответ

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