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>
:
は今のところ、あなたは角-UI-ツアーtourStepディレクティブに以下の変更を行うことで問題を解決することができますbowerのコンポーネントがツアーでスクランブリングしていました(私はangle-bootstrap-tourをアンインストールする必要がありました)。今私は最初のステップを見るが、内容やボタンは表示されない。 –
ホットキーを使用して手順を切り替えることができるので、手順が添付されています。ボタンはステップ上には表示されず、コンテンツも同じです –