कोणीय वेब ऐप पर कोणीय-दौरे को कैसे कार्यान्वित करें

Question

मैं एनजी-टूर प्लगइन का उपयोग करके एक वेब ऐप में टूर जोड़ने की कोशिश कर रहा हूं: http://daftmonk.github.io/angular-tour/ प्लगइन होम पेज पर उदाहरण एक वेब पेज बनाने पर किया जाता है मेरे लिए एक कोणीय वेब ऐप पर इसे कार्यान्वित करने का तरीका पता लगाना मुश्किल है।

मेरी कोड:

एक दृश्य के दौरे कदम आईडी जोड़ने: मेरे index.html फ़ाइल के तल में

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

: मैं अपने index.html के लिए निम्न जोड़ा

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

कुछ भी तब नहीं होता जब ऐप पोर्टल व्यू पर रूट करता है ... क्या मुझे अलग-अलग दृश्य HTML टेम्पलेट्स के बजाय एनजी-टूर टैग जोड़ना चाहिए? मैंने शुरुआत में कोशिश की लेकिन यह भी काम नहीं कर सका।

Answer 1

यदि आप अपने नियंत्रक में वर्तमान चरण को प्रारंभ नहीं करते हैं तो यह डिफ़ॉल्ट रूप से -1 पर सेट होगा, जिसका अर्थ है कि यह पृष्ठ पृष्ठ लोड पर दिखाई नहीं देगा। -Angular tour documentation

तो सुनिश्चित करें कि आप अपने नियंत्रक में $scope.currentStep प्रारंभ करते हैं।

एकाधिक विचारों के संबंध में, the virtual steps section of the documentation कहता है कि आप अपने सभी चरणों को एक स्थान पर परिभाषित कर सकते हैं और tourtip-element="#element-from-another-view" का उपयोग करके अलग-अलग विचारों में तत्वों को लक्षित कर सकते हैं। बेशक उन विचारों को आप उस टिप पर पहुंचने पर डीओएम पर रहना होगा।