AngularJS Bootstrap modemi için yeniden kullanılabilir bir şablon nasıl oluşturulur

Question

AngularJS Önyükleme modalını kullanıyorum (http://angular-ui.github.io/bootstrap/). Hangi iyi çalışıyor, ancak bir başlık ve içeriğe girebilecek temel bir şablon oluşturabilir miyim diye merak ediyordum.

Sonra şablonumu bu bilgi ile doldurur. Şablonun kapat düğmesi, iptal düğmesi, bindirme vb. Olurdu. Bu AngularJS'yi yapmanın kolay bir yolu var mı?

Bu örnekte alınmıştır ve sahip olduğum şeyle ilgilidir. İçeriğim templateUrl’de. Modal şablondan geçmek güzel olurdu, bu yüzden yarattığım her modalın başlığını ve yakın düğmelerini yeniden oluşturmak zorunda kalmam.

var modalInstance = $modal.open({ 
    templateUrl: 'myModalContent.html', 
    controller: ModalInstanceCtrl, 
    size: size, 
    resolve: { 
    items: function() { 
     return $scope.items; 
    } 
    } 
}); 

Answer 1

direktifleri ile yapmak için bir yol buldum. Şablon içeren özel bir yönergeye sahip bir model açılır. Sonra, modalınızda ne varsa, özel şablonunuza eklenir. Bu güzel çünkü sadece bir mesajdan daha fazlasını tutar. Formlar, uyarılar veya istediğiniz herhangi bir şeyle doldurulabilir.

app.controller('YourController', ['$scope', '$modal', function($scope, $modal) { 
    $scope.openModal = function() { 
    $modal.open({ 
     templateUrl: 'yourTemplate.html', 
     controller: ModalController 
    }); 
    }; 
}]); 

var ModalController = function ($scope, $modalInstance) { 
    $scope.dialogTitle = 'Your title'; 
}; 

Answer 2

Ödeme John Papa's Sıcak Havlu Açısal BootStrap "şablon". Sen oradan alabilirsiniz:

https://github.com/johnpapa/HotTowel-Angular/blob/master/NuGet/HotTowel-NG/app/common/bootstrap/bootstrap.dialog.js