1

angular-ui / bootstrap $dialog サービスを使用しています

messageBox 内にパーシャルをロードすることは可能ですか? タイトルとフッターを取り、メッセージ パラメータのみを変更します。したがって、部分テンプレートにヘッダーとフッターを含める必要はありません。

この例http://plnkr.co/edit/ttobdpirZlnEQBE3LOeZでは、「msg products」をクリックすることで期待される動作を示しています。

4

1 に答える 1

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

于 2013-03-12T13:11:50.680 に答える