я новый для угловой маршрутизации. У меня есть index.html и home.html. то, что я пытаюсь сделать, по умолчанию index.html должен быть загружен. Существует ссылка из index.html на home.html. Как загрузить индексный файл с помощью URL-адреса по умолчанию, используя маршрут http://localhost/myapp? User = 123.
Я развернул свою кодовую базу в IIS с виртуальным каталогом как myapp.
Кроме того, когда я нажимаю на домашнюю ссылку, URL-адрес должен измениться на
Http://localhost/myapp/index.html#/home
То, что я пытаюсь сделать, это:
app.js
var app = angular.module('myApp', ['ngRoute'])
.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/', {templateUrl:'index.html', controller: 'MainController'});
$routeProvider.when('/home', {templateUrl:'home.html',controller: 'TestController'});
$routeProvider.otherwise({redirectTo: '/home'});
}]);
index.html
<div class="main" ng-controller="MainController as main">
<li><a href="#/home">Home</a></li>
</div>
Controller.js
app.controller('TestController', ['$scope', '$log','$location', function($scope,$log,$location) {
$log.info("Test Controller loaded");
test();
$scope.test = function(){
console.log("Test");
}
$log.info("Test Controller function");
}])
Оба контроллера не загружаются. Главный контроллер аналогичен контроллеру тестирования. Что мне здесь не хватает?
Я не могу комментировать, поскольку у меня недостаточно репутации, но у вас есть директива ng-app
где-то в вашем коде? Как ng-app="myApp"
в теге body/html или что-то в этом роде? Кроме того, если вы используете угловые маршруты, вам не нужна директива ng-controller
в файле index.html
как ваш контроллер будет установлен вашим маршрутом.
Изменение: Я думаю, что это проблема с вашими тегами или структурой вашего кода.
index.html
с директивой ng-app
и ng-view
index.html
должно быть в другом html файле (например, в моем nav.html
в плункере ниже)Это единственное, что я должен был сделать, чтобы заставить ваш код работать.
Вы можете посмотреть этот плункер, который в основном использует ваш код: http://plnkr.co/edit/DbgJKe51c7QoGCG6rXlN?p=info