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

问题1：如何使整个项目点击？换句话说，如果用户点击，它应该打开一个弹出窗口或类似的东西。

问题2：点击页面上的任意位置，如果它已打开，应该关闭游览项目？

任何帮助都将受到高度赞赏。

Answer 1

您可以将ng-if指令与自定义指令（我称之为toggler）配合使用，该指令将根据您的需要设置ng-if所依赖的值，例如：< / p>

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

Angular Tour指令问题

1 个答案: