Код AngularJS в контексте Angular: ng-if На DIV, неожиданный результат

Question

@ Угловое / обновление / статические

Я пытаюсь обновить контроллер AngularJS до контекста Angular, используя UpgradeModule из "@angular/upgrade/static"

Когда я изменяю ng-show на ng-if на span или div, вложенный контент не отображается должным образом. Использование кода stackbliz легче увидеть,

https://stackblitz.com/edit/angular-xcqzsy

Угловой CLI: 7.0.6 Узел: 9.5.0 ОС: win32 x64 Угловой: 7.0.4 npm: 5.6.0

Я пытаюсь использовать компонент AngularJS в приложении Angular, и проблема в этой разметке заключается в том, что содержащийся блок span с ng-repeat не отображается. Если я изменю ng-if в родительском div на ng-show, то внутренняя разметка выглядит как ожидалось

<div ng-if="vm.showMe == 'SHOW_ME'">
  <span ng-repeat="col in vm.colCollection">
    <h4 title="{{col.appName}}">Testing: {{col.appName}}</h4>
  </span>
</div>

Answer 1

Это будет работать так же, как NG-шоу.

<span ng-if="vm.allowed" ng-repeat="col in vm.colCollection">
    <h4 title="{{col.appName}}">Testing: {{col.appName}}</h4>
</span>