1

我正在使用angular-ui-tour使我的项目能够在同一个 DOM 中进行多个游览，因为它有一个分离的游览选项，我需要这样做。

我的依赖项（与此问题相关）：

  • 角度 1.5.7
  • 引导程序 ^3.3.6
  • 角度引导^2.0.0
  • 角度-ui-tour ^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>

4

1 回答 1

0

我已经设法解决了这个问题。显然这是angular-ui-tour的一个已知错误，将在下一个补丁中修复。

有关此问题的更多信息，我可以参考GitHub 上的问题。

目前，您可以通过在 angular-ui-tour 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;

于 2016-10-17T07:27:45.780 回答