不能在ng-switch中使用jquery插件

时间:2015-02-03 13:39:25

标签: angularjs

我使用带有角度的jquery插件,问题是插件在没有ng-switch的情况下工作但不适用于ng-switch。
有什么想法吗?先谢谢

Demo

<ng-switch on="data">
     <div ng-switch-when="true" class="form-group">

            <label class="sr-only" for="exampleInput3">تاریخ</label>
            <div class="input-group">
                <div class="input-group-addon" data-MdDateTimePicker="true" data-trigger="click" data-targetselector="#exampleInput3">
                    <span class="glyphicon glyphicon-calendar"></span>
                </div>
                <input type="text" class="form-control" id="exampleInput3" placeholder="تاریخ" data-MdDateTimePicker="true" data-placement="right" />
            </div>
        </div>
       <div class="leftWrapper" ng-switch-default>
          say Hi

        </div>
      </ng-switch>

1 个答案:

答案 0 :(得分:1)

它不起作用的原因是当ng-if重新创建DOM时,Jquery插件无法向哪里发送click事件(在您的情况下)。并且肯定它不会触发消化循环。

要使其有效,您可以通过两种方式实现:

  • 或为jQuery插件创建directive(对我来说更合适)
  • 或更改为ng-show/hide,请参阅 DEMO ngShow指令在CSS级别显示或隐藏给定的HTML元素

对于DOCS,请参阅ng-if