Angular Tour 指令问题

【问题标题】：Angular Tour directive issuesAngular Tour 指令问题
【发布时间】：2015-03-28 15:26:33
【问题描述】：

我使用了以下游览指令。

<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：我怎样才能使整个项目可以点击？换句话说，如果用户点击，它应该会打开一个弹出窗口或类似的东西。

Q 2：如果游览项目是打开的，点击页面上的任何地方应该关闭它吗？

任何帮助将不胜感激。

【问题讨论】：

你试过ng-click吗
@Madhu 是的，但是当我使用它时，当我点击 x 按钮时它也会打开弹出窗口？
尝试将其包装在 div 中，然后将 ng-click 放在 div 上。

标签： javascript angularjs

【解决方案1】：

您可以将ng-if 指令与自定义指令（我称之为切换器）结合使用，这将根据您的需要设置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 值将设置为@987654331 @ 使ng-if 指令隐藏元素。这是带有实现的plunker。

【讨论】：

太好了。非常感谢我的朋友 :)