angularjs - mdDialog の ng-include が機能しない

Question

複数のテンプレートを格納するために単一のモーダル ダイアログ機能を使用しようとしています。ダイアログボックスを作成するための呼び出しを入力として送信し、その入力に基づいてさまざまな ng-include ファイルを呼び出そうとしています。ただし、ng-include ファイルが呼び出されることはないようです。

足りないものはありますか？

ダイアログ呼び出し

function showDialog(ev, thisItem, modalType) 
    {
        $mdDialog.show({
            controller: 'DialogController',
            controllerAs: 'vm',
            templateUrl: 'app/main/apps/views/templates.html',
            locals:{
                modalType : modalType
                thisItem : thisItem
            },
            parent: angular.element(document.body),
            targetEvent: ev,
            clickOutsideToClose:true,
            fullscreen: true
        })
        .then(function(data) {
            vm.selectedRef=data;
            // Call to server to update the references
        }, function() {

        });
    };

さまざまな下位テンプレートを呼び出す必要があるテンプレート

<md-dialog aria-label="" id="marginDialog" class="dialogItem" ng-cloak>

<span ng-if="vm.modalType=='bibEdit'"
      ng-include="app/main/apps/views/editReference.tmpl.html">

</span>

<span ng-include="app/main/apps/templates/editMargins.tmpl.html">

</span>

変数がテンプレートに到達して正しいこと、およびコントローラーで正しいことを確認できます。ただし、インクルード ファイルは単に呼び出されません。