угловой маршрут JQuery зависимость

index.html (макет страницы):угловой маршрут JQuery зависимость

<!DOCTYPE html> 
<html data-ng-app="web"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
    <script src="js/jquery.min.js"></script> <!-- v2.1.1 --> 
    <script src="js/angular.min.js"></script> <!-- v1.2.24 --> 
    <script src="js/angular-route.min.js"></script> <!-- v1.2.24 --> 
    <script type="text/javascript"> 
    var web = angular.module("web", ['ngRoute']); 
    web.config(function($routeProvider) { 
     $routeProvider.when('/', { 
      templateUrl: 'page1.html' 
     }).otherwise({ 
      redirectTo: '/' 
     }); 
    }); 
    </script> 
</head> 
<body data-ng-view> 
</body> 
</html>

page1.html (дочерняя страница):

<script type="text/javascript"> 
function myController($scope) { 
    $scope.foo='foo'; 
} 
</script> 

<div data-ng-controller="myController"> 
    {{foo}} 
</div>

Если удалить JQuery с главной страницы (индекс. html), угловой маршрут не может найти контроллер (myController). Может ли кто-нибудь сказать мне, если это ошибка, или я делаю что-то неправильно?

Я использую angular.min.js v1.2.24, angular-route.min.js v1.2.24 и jquery.min.js v2.1.1.

источник

2014-09-17 Tamal Kanti Nath

Проблема остается тем же с угловым v1.2.25. –

Можете ли вы попробовать, если эта работа? (Не проверено)

index.html

<!DOCTYPE html> 
<html data-ng-app="web"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
    <script src="js/angular.min.js"></script> <!-- v1.2.24 --> 
    <script src="js/angular-route.min.js"></script> <!-- v1.2.24 --> 
    <script type="text/javascript"> 
    var web = angular.module("web", ['ngRoute']); 
    web.controller('myController', function($scope) { 
     $scope.foo='foo'; 
    }); 
    web.config(function($routeProvider) { 
     $routeProvider.when('/', { 
      templateUrl: 'page1.html', 
      controller: 'myController' 
     }).otherwise({ 
      redirectTo: '/' 
     }); 
    }); 
    </script> 
</head> 
<body data-ng-view> 
</body> 
</html>

page1.html

<div> 
    {{foo}} 
</div>

исх: https://docs.angularjs.org/api/ngRoute/service/ $ маршрут

источник

2014-09-21 07:49:42 kechol

Ваше решение определенно работает, но я не хочу загружать все сценарии (контроллеры, службы и т. Д.) При запуске. Идея состоит в том, чтобы загрузить сценарии по требованию и как можно позже. –

Почему? Я думаю, что время выполнения не имеет значения. – kechol

угловой маршрут JQuery зависимость

ответ

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