AngularJS Маршрутизатор и пользовательский интерфейс

0

Привет, у меня проблемы с работой моего маршрутизатора. Я создал страницу под названием 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>

Если вам нужна дополнительная информация, пожалуйста, дайте мне знать. Я не писал этого, и я все еще немного не уверен, как использовать маршрутизатор.

  • 0
    Пожалуйста, покажите нам, что у вас есть в layout.html.
Теги:
angular-ui-router

1 ответ

0

Возможно, вы импортировали угловое 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(.........
  • 0
    ни одна из них не является проблемой. Я до сих пор не могу заставить мои страницы показывать, где я разместил <div ui-view> </ div>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню