javascript - 具有重写函数的两种方式绑定(bind)的指令上的 NG-if

Question

我已经设置了一个指令，它将从父 Controller 接收一个函数作为它的属性之一。该函数将被指令 Controller 替换，并且父 Controller 可以使用传递的函数来访问该函数。我遇到的问题是，当在指令上放置 ng-if 属性时，传入的函数不再被替换。是什么原因导致此问题以及我将如何解决此问题？我附上了一个例子

https://jsfiddle.net/dh7jt1zg/1/

    <div class="parent" ng-controller="pCtrl">
        <h3>Parent - with ng-if</h3>
        <div>{{parentHelloWorld()}}</div>
        <child ng-if="testBool" rep-fun="parentHelloWorld"></child>
    </div>
    <br/>
    <div class="parent" ng-controller="pCtrl2">
        <h3>Parent2 - without ng-if</h3>
        <div>{{parentHelloWorld()}}</div>
        <child rep-fun="parentHelloWorld"></child>
    </div>

Answer 1

使用ng-show而不是ng-if。ng-if 导致元素从 DOM 中删除。