带有templateURL的AngularUI messageBox

时间:2013-03-10 17:56:14

标签: angularjs angular-ui angular-ui-bootstrap

我正在使用angular-ui / bootstrap $对话服务

可以在messageBox中加载部分内容吗?我会采用标题和页脚,只更改消息参数。因此,没有必要在部分模板中包含页眉和页脚。

在此示例http://plnkr.co/edit/ttobdpirZlnEQBE3LOeZ中,通过单击“msg产品”说明了我期望的行为。

1 个答案:

答案 0 :(得分:2)

没有。 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