AngularUI的messageBox與templateURL

Question

我使用的是angular-ui/bootstrap $對話服務

它可以加載部分內部messageBox？我將採用標題和頁腳，只更改消息參數。因此，不必將頁眉和頁腳包含在部分模板中。

在這個例子中http://plnkr.co/edit/ttobdpirZlnEQBE3LOeZ，說明我希望通過點擊「味精產品的行爲。

Answer 1

編號messageBox方法是爲了快速創建具有一致的外觀&感覺的消息框。這種方法背後的想法是，你可以快速創建具有一致的外觀&在整個應用程序的感覺警惕類似消息。

正如您所注意到的open方法是一種更靈活的版本，並允許你創建與你指定的任何部分模態對話框。

如果你想創建一個使用相同的模板許多對話框，你可以包裹$dialog服務進自己的服務，例如：

app.factory('productsDialog', function($dialog){ 
    return function(products) {  
    return $dialog.dialog({ 
     templateUrl: 'products.html', 
     controller: 'DialogCtrl', 
     resolve: {products: function() { return products; }}  
    }); 
    }; 
}); 

，並使用它，像這樣：

$scope.dlgProduct = function(){ 
    productsDialog($scope.products).open(); 
    }; 

這裏是一個工作普拉克：http://plnkr.co/edit/L2fd7b4y3woLDJmNiN3Y?p=preview