Два интерфейса просмотра в одном проекте - проблема с вкладками - PullRequest
Новая
       18

Два интерфейса просмотра в одном проекте - проблема с вкладками

0 голосов
/ 15 мая 2019

Я хотел бы отображать содержимое внутри вкладок и добавлять маршруты для каждой вкладки. Итак, в пути: / app / test / tab1 я хотел бы иметь содержимое tab1, а в пути / app / test / tab2 я хотел бы иметь содержимое tab2, и когда я наберу / app / test, я бы нравится перенаправлять в app / test / tab1.

Итак, у меня есть модуль для теста: 

   angular
     .module('app.test', [
    /* vendor */
    'ui.router'
  ])
  .config(function ($stateProvider, $urlRouterProvider) {

    $stateProvider
      .state('test', {
        url: '/test',
       templateUrl: 'app/core/test/test.html',
       controller: 'TestController',
      })
      .state('test.tab1', {
        url: '/tab1',
        templateUrl: 'app/core/tab1/tab1.html',
        controller: 'tab1Controller',
      })
      .state('settings.list2', {
        url: '/tab2',
        templateUrl: 'app/core/tab2/tab2.html',
        controller: 'tab2Controller',
      })

А внутри вкладки 1: <p>Content of tab1</p>

А внутри вкладка 2 <p>Content of tab2</p>

И внутри теста 

<div>Test</div>
<a ui-sref="test.tab1">Tab1</a>
<a ui-sref="test.tab2">Tab2</a>
<div ui-view></div>

И внутри индекса: 

<body>
     <div data-menu></div>
     <div class="container">
     <div data-ui-view=""></div>
     <div data-footer></div>
</body>

И у меня также есть несколько модулей, в которых у меня есть состояния, и они работают нормально, пока я не добавлю второй пользовательский интерфейс в тестовый файл. Это содержимое вкладок не отображается, когда я нажимаю Tab1 или Tab 2

Что здесь не так?

...