ng-repeat with ng-if导致Object.noSuchMethod异常

Question

我试图写一个ng-repeat，其中有些元素在那里，有些不是，像这样：

  <ul>
    <li ng-repeat="menuItem in menuItems" ng-if="locationState == menuItem.displayWhen" 
      ng-class="{'menu-item-divided': isCurrentPage(menuItem.routeName), 'pure-menu-selected': isCurrentPage(menuItem.routeName)}">
      <a href="#{{menuItem.routeName}}" 
      ng-click="menuItem.whenClicked()">{{menuItem.pageName}}</a>
    </li>
  </ul>

但是，当我这样做时，它会尝试访问我的组件中的menuItem getter。但是，如果我将ng-if放在a元素上，它可以正常工作。不应该menuItem在我使用ng-repeat的元素的指令范围内吗？