cách triển khai chuyến tham quan góc trên ứng dụng web góc

Question

Tôi đang cố gắng thêm chuyến tham quan vào ứng dụng web bằng plugin ng-tour: http://daftmonk.github.io/angular-tour/ Ví dụ về trang chủ plugin được thực hiện trên một trang web làm thật khó cho tôi để tìm ra cách để thực hiện điều này trên một ứng dụng web góc cạnh. Tôi được thêm vào sau để index.html của tôi:

mã của tôi:

thêm id tour du lịch bước đến một cái nhìn:

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

Ở dưới cùng của file index.html của tôi:

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

Không có gì xảy ra khi ứng dụng chuyển đến chế độ xem cổng thông tin ... Tôi có nên thêm thẻ ng-tour vào các mẫu HTML chế độ xem riêng lẻ không? Tôi đã cố gắng mà ban đầu nhưng cũng không thể làm cho nó hoạt động.

Answer 1

Nếu bạn không khởi tạoBước hiện tại trong bộ điều khiển, nó sẽ được đặt mặc định là -1, có nghĩa là chuyến tham quan sẽ không xuất hiện khi tải trang. -Angular tour documentation

Vì vậy, hãy đảm bảo bạn khởi tạo $scope.currentStep trong bộ điều khiển của mình.

Về nhiều chế độ xem, the virtual steps section of the documentation cho biết bạn có thể xác định tất cả các bước của mình tại một điểm và chỉ nhắm mục tiêu các thành phần trong các chế độ xem khác nhau bằng cách sử dụng tourtip-element="#element-from-another-view". Tất nhiên những quan điểm đó sẽ phải nằm trên DOM khi bạn đến được điểm đó.