Question

我有以下呈现的HTML：

<div class="tutorial-dot ng-hide" ng-show-start="currentStep">
    <div class="dot"></div>
</div>
<div class="tutorial-modal" ng-show-end="">

如您所见，ng-show-start元素是隐藏的，但ng-show-end元素却没有。它们应该都应用相同的ngShow指令实例，因为它支持multiElement但ngShow指令在ng-show-end元素上无法正常工作。

Answer 1

我能够通过移除第一个div上的ng-hide类来实现此功能。我添加了一些文字，看看节目是否有效。 currentStep未初始化，因此它将开始隐藏div。当您单击该按钮时，它将使用ng-click将currentStep的值翻转为true。

  <div class="tutorial-dot" ng-show-start="currentStep">
    <div class="dot">Hello, this will show when the current step is true.</div>
  </div>
  <div class="tutorial-modal" ng-show-end>
    This is the end
  </div>

这是一个代码表的链接，演示了这个工作原理。如果有关于此fork的更多问题我的codepen并显示您遇到的问题。 http://codepen.io/mkl/pen/PpMvzZ?#

ngShow不使用multiElement

1 个答案: