モーダルウィンドウにデータを渡す。角のjs

Question

私はテーブルからの連絡先のリストを出力したjsonファイルがあります。各行にはクリックして、クリックした特定の行のモーダルウィンドウに進むボタンがあります。私はウィンドウを処理しましたが、どのようにしてそのデータをモーダルウィンドウに渡すのか分かりません。

Answer 1

ブートストラップUIを使用している場合、あなたはresolveエントリとして追加することができます

yourItems = [...]; 

$uibModal.open({ 
    ... 
    controller: 'MyModalCtrl as modal', 
    resolve: { 
    modalItems: function() { 
     return yourItems; 
    } 
    } 
}) 

そしてそうのようなあなたのコントローラに注入：

angular.module('myApp').controller('MyModalCtrl', function(yourItems) { 
    ... 
}); 

Answer 2

私はあなたのプロジェクトがどのように設定されているか正確には分かりませんが、簡単にモーダルを作成するために推奨するライブラリは2つあります。

ngDialogとui-bootstrap

これらの両方は、ダイアログにデータやコントローラーを装着するだけでなく、彼らのために独自のテンプレートとスタイルを作成するための簡単な方法があります。