açısal bir web uygulamasında açısal tur uygulaması nasıl yapılır

Question

ng-tur eklentisini kullanarak bir web uygulamasına bir tur eklemeyi deniyorum: http://daftmonk.github.io/angular-tour/ Eklenti ana sayfasındaki örnek, tek bir web sayfası üzerinde yapılır bunu açısal bir web uygulamasında nasıl uygulayacağımı anlamak benim için zor.

kodum:

bir görünüme tur adım id ekleme: my index.html dosyası alt kısmında

<div ui-view="portal" ng-show="$state.includes('portal')" id="e0"></div> 

: Ben index.html'ye aşağıdaki eklendi

<tour step="currentStep"> 
    <virtual-step tourtip="test " tourtip-element="#e0" tourtip-next-label="next" tourtip-placement="right" tourtip-step="0" ></virtual-step> 

    </tour> 
    </body> 
</html> 

Uygulama, portal görünümüne yönlendirildiğinde hiçbir şey olmuyor ... ng-tour etiketini, bunun yerine tek tek HTML görünümlerine eklemeliyim? Bunu başlangıçta denedim ama aynı zamanda işe yaramayacaktım. Eğer denetleyicisi currentStep başlatmak yoksa

Answer 1

o tur sayfa yüklemesi görünmez anlamına -1, varsayılan dizi olacak. -Angular tour documentation

Yani denetleyicisi $scope.currentStep başlatmak emin olun.

Birden çok görünümle ilgili olarak, the virtual steps section of the documentation tüm adımlarınızı tek noktada tanımlayabileceğinizi ve tourtip-element="#element-from-another-view" kullanarak farklı görünümlerdeki öğeleri hedefleyebildiğinizi belirtir. Tabii bu bahse girdiğinizde DOM'da bu görünümlerin olması gerekir.