2016-10-13 9 views
0

angular-ui-tourを使用して、私のプロジェクトで複数のツアーを同じDOM内で使用できるようにしています。これは、必要な分離ツアーオプションがあるためです。 (この問題に関連する)私のアングルツアーは、私の離着陸ツアーのステップを見つけられないのはなぜですか?

私の依存関係:

  • 角度1.5.7
  • ブートストラップ^ 3.3.6
  • 角度、ブートストラップ^ 2.0.0
  • 角度-UI-ツアー^ 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

は今のところ、あなたは角-UI-ツアーtourStepディレクティブに以下の変更を行うことで問題を解決することができますbowerのコンポーネントがツアーでスクランブリングしていました(私はangle-bootstrap-tourをアンインストールする必要がありました)。今私は最初のステップを見るが、内容やボタンは表示されない。 –

+0

ホットキーを使用して手順を切り替えることができるので、手順が添付されています。ボタンはステップ上には表示されず、コンテンツも同じです –

答えて

0

私はこの質問を解決するために管理してきました。どうやらこれはangular-ui-tourの既知のバグであり、次のパッチで修正される予定です。

この質問の詳細については、issue on the GitHubを参照してください。私は別のに気づいた時点に来ている

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

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

関連する問題