2016-10-13 1 views
0

Я использую angular-ui-tour, чтобы мой проект имел несколько туров в пределах одной и той же DOM, потому что у него есть опция отдельного тура, которую мне нужно сделать.Почему мой угловой-ui-тур не находит шаги моего отдельного тура?

Моей зависимость (имеющее отношение к данному вопросу):

  • угловой 1.5.7
  • самозагрузка^3.3.6
  • угловой самозагрузка^2.0.0
  • углового щ-тур^0.6.2

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

Когда я пытаюсь начать тур, ошибка подтверждает это: «Нет шага.» - ошибка. Что мне здесь не хватает?

angular.module('myApp',['bm.uiTour']).run(['uiTourService', 
 
    function(uiTourService) { 
 
    //setup the tour 
 
    uiTourService.createDetachedTour('general', { 
 
     name: 'general', 
 
     backdrop: true, 
 
     debug: true 
 
    }); 
 

 
    //testing 
 
    var uitour = uiTourService.getTourByName('general'); 
 
    console.log(uitour); // Object {_name: undefined, initialized: true} 
 

 
    //test tour steps 
 
    console.log(uitour._getSteps()); // [] 
 

 
    //test tour start 
 
    uitour.start().then(function(data) { 
 
     //tour start succeeded 
 
    }, function(error) { 
 
     //tour start failed 
 
     console.log(error); // No steps. 
 
    }); 
 

 
    } 
 
]);
<body ui-tour> 
 
    <div tour-step tour-step-belongs-to="general" 
 
     tour-step-order="1" 
 
     tour-step-title="step 1" 
 
     tour-step-content="this is step 1"> 
 
    </div> 
 
    <div tour-step tour-step-belongs-to="general" 
 
     tour-step-order="2" 
 
     tour-step-title="step 2" 
 
     tour-step-content="this is step 2"> 
 
    </div> 
 
</body>

+0

я пришел к точке, где я заметил другое Компонент боулера скрещивался с гастролями (мне пришлось удалить угловой бутстрап-тур). Теперь я вижу первый шаг, но нет содержимого или кнопок. –

+0

Я могу переключаться через шаги, используя горячие клавиши, поэтому шаги прилагаются. Кнопки просто не показаны на шаге, то же самое касается содержимого –

ответ

0

мне удалось решить этот вопрос. По-видимому, это известная ошибка angular-ui-tour и будет исправлена ​​в следующем патче.

Для получения дополнительной информации об этом вопросе, я могу обратиться к issue on the GitHub.

На данный момент, вы можете решить эту проблему, сделав следующее изменение углового-UI-тур tourStep директиву:

//Add step to tour (old) 
 
scope.tourStep = step; 
 
scope.tour = scope.tour || ctrl; 
 

 
//Add step to tour (new) 
 
scope.tourStep = step; 
 
scope.tour = ctrl;