Dinamik bir şablonu nasıl $ uibModal.open() (Angualr UI önyükleme) içine yüklersiniz?

Question

Açısal önyükleme önyükleyicisi kullanıyorum. Yakın, tamam, başlık vb. Gibi bazı varsayılan düğmeleri sağlamak için genel bir Modal Penceresi tanımlamak istiyorum.

Kullanıcının modal gövde şablonu şablon URL'si olarak sağlanır. Kullanıcının modal gövde şablonunu genel modal pencere şablonuma nasıl ekleyebilirim?

Aşağıda benim jenerik Modal Window şablonu, modal-window.tpl.html

<div class="modal-header"><h3>{{ ctrl.headerText }}</h3></div> 

<div class="modal-body"> 


    <<<< The user's template provided as URL should be embedded in here >>> 


</div> 

<div class="modal-footer"> 
    <button type="button" class="btn" data-ng-click="ctrl.close()"> {{ctrl.closeButtonText}} </button> 
    <button class="btn btn-primary" data-ng-click="ctrl.ok();"> {{ctrl.actionButtonText}}</button> 
</div> 

teşekkürler olduğunu.

Answer 1

Bunun için ng-include kullanabilmeniz gerekir. Kullanıcı şablonu URL'sini denetleyicinizin kapsamına koyarsanız: userTemplate='users/template.html'.

kullanıcılar/template.html:

<div ng-controller="CustomModalController as modalCtrl"> 
    {{modalCtrl.foo}} 
</div> 

tek dezavantajı da böyle birini tanımlayabilirsiniz özel denetleyicisi gerekiyorsa

... 
<div class="modal-body"> 
    <div ng-include="ctrl.userTemplate"></div> 
</div> 
... 

: O zaman böyle bir şey yapabileceğini Bu denetleyicinin ana denetleyicide tanımlanması gerektiğidir. Bu durumda kontrolör userTemplate='users/template.html' tanımlanmıştır.