Привет, у меня проблемы с работой моего маршрутизатора. Я создал страницу под названием lookup.html, и я добавил ее в свой файл маршрутизатора, но не загружаюсь в ui-view, когда я перехожу к URL-адресу, указанному в маршрутизаторе. Я создал plnkr и надеюсь, что это поможет.
http://plnkr.co/edit/II7Mv7jNYENhJHKX1ht5?p=linter
здесь мой маршрутизатор:
(function () {
'use strict';
angular
.module('crm.ma')
.config(config);
config.$inject = ['$stateProvider', '$urlRouterProvider'];
function config($stateProvider, $urlRouterProvider) {
$stateProvider
.state('login', {
url: '/login?token',
data: {
skipAuth: true
},
resolve: {
valid: function (authService, $stateParams, sessionService, $state) {
if (!sessionService.getSession()) {
if ($stateParams.token) {
sessionService.setSession($stateParams.token);
} else {
sessionService.removeSession();
}
}
authService.login();
}
}
})
.state('main', {
abstract: true,
templateUrl: 'app/components/common/layout.html',
controller: 'mainController as vm',
data: {
pageTitle: 'Homepage'
}
})
.state('main.index', {
url: '/',
templateUrl: 'app/main/main.html',
controller: 'mainController as vm',
data: {
pageTitle: 'Homepage'
}
})
.state('search', {
url: '/search',
templateUrl: 'app/advancedsearch/advanced-search.html',
controller: 'advancedsearch.controller as vm',
data: {
pageTitle: 'Search'
}
})
.state('lookup', {
url: '/lookup',
templateUrl: 'app/components/common/lookup.html',
controller: 'LookUpCtrl as vm',
data: {
pageTitle: 'Look Up'
}
})
.state('dealer', {
url: '/dealer',
templateUrl: 'app/components/common/layout.html',
controller: 'dealerController as vm',
data: {
pageTitle: 'Dealer'
}
});;
$urlRouterProvider.otherwise('/');
}
})();
и вот моя страница lookup.html.
<div>
<div>Lookup Results</div>
<table>
<thead>
<tr>
<td>Acc. ID</td>
<td>Acc. Name</td>
<td>Acc Address</td>
<td>City</td>
<td>Zip</td>
<td>Phone</td>
<td>Parent Name</td>
<td>Account Type</td>
<td>Account Status</td>
<td>Credit Term</td>
</tr>
</thead>
<tbody>
<tr ng-repeat="result in vm.results">
<td>{{ result.accountId }}</td>
<td>{{ result.accountName }}</td>
<td>{{ result.address }}</td>
<td>{{ result.city }}</td>
<td>{{ result.state }}</td>
<td>{{ reuslt.zip }}</td>
<td>{{ result.phone }}</td>
<td>{{ result.parentName }}</td>
<td>{{ result.accountType }}</td>
<td>{{ result.accountStatus }}</td>
<td>{{ result.accountStatus }}</td>
<td>{{ result.creditTerm }}</td>
</tr>
</tbody>
</table>
Если вам нужна дополнительная информация, пожалуйста, дайте мне знать. Я не писал этого, и я все еще немного не уверен, как использовать маршрутизатор.
Возможно, вы импортировали угловое route.js, а не angular-ui-route.js; они разные. С помощью angular-route.js вы должны использовать:
<div ng-view></div>
И в angular-ui-route.js вы должны использовать:
<div ui-view></div>
Другой проблемой может быть первая строка вашего файла маршрутизатора, это должно выглядеть так:
'use strict';
angular.module(.........