Проблемы с угловым туром

Question

Я использовал ниже директиву туров.

<tour step="currentStep" 
        <span tourtip="Few more steps to go." 
          tourtip-next-label="Close" 
          tourtip-placement="bottom" 
          tourtip-offset="80" 
          tourtip-step="0"> 
        </span> 
</tour> 

Это Tour Directive

Q 1: Как я могу сделать весь пункт нажмите состоянии? Другими словами, если пользователь нажимает, он должен открыть всплывающее окно или что-то в этом роде.

Вопрос 2: Если щелкнуть в любом месте страницы, следует закрыть элемент тура, если он открыт?

Любая помощь будет высоко оценена.

Answer 1

Вы можете использовать директиву ng-if в сотрудничестве с таможенной директивы (я назвал его Toggler), который устанавливает значение, на котором ng-if зависит соответственно вашим потребностям, например:

<tour toggler step="currentStep" 
    <span ng-if="open" tourtip="Few more steps to go." 
     tourtip-next-label="Close" 
     tourtip-placement="bottom" 
     tourtip-offset="80" 
     tourtip-step="0"> 
    </span> 
</tour> 

Когда кто-клик на tour элементе, toggler директивы устанавливает значение open для true и когда кто-то щелкает в любом месте, кроме tour элемента значение open будет установлено false сделать ng-if директивы скрыть элемент. Вот plunker с реализацией.