Question

我使用angular-ui-tour来启用我的项目在同一个DOM中进行多次巡视，因为我有一个独立的游览选项，我需要这样做。

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

棱角1.5.7
bootstrap ^ 3.3.6
angular-bootstrap ^ 2.0.0
angular-ui-tour ^ 0.6.2

我可以使用相应的配置初始化游览，但是当我检查步骤时，找不到任何步骤。

当我尝试开始游览时，错误确认了这一点：＆＃39;没有步骤。＆＃39; -error。我在这里缺少什么？

＆＃13;

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.
    });

  }
]);

＆＃13;

<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>

＆＃13;

Answer 1

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

有关此问题的详情，我可以推荐您issue on the 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;

为什么我的角度ui-tour没有找到我独立旅行的步骤？

1 个答案: