AngularJS　controller間の情報取得方法について

前提・実現したいこと

メインページから呼び出されるダイアログからの情報を取得したい。
または、メインページからの情報をダイアログで取得したい。

詳細情報

AngularJSとtypeScriptを使用し、管理コンソールの開発をしています。
現在下記機能の作成をしています。

１．　DBから取得したユーザをメインページにテーブルで表示
２．　テーブルからユーザーを選択、ユーザIDを取得し、論理削除を行う
３．　削除を行う前に確認ダイアログを表示して削除を行う。

１と２は完了しており、ダイアログを用いない場合は削除はできています。
現状、3は実装できておりません。
下記に簡易的にファイル構造を記載致します。

ファイル構造

index.html　：　ユーザ情報をdataTableで表示し、選択が可能
index.controlle.js ：　上記ページのコントローラ
user.delte.dialog.html　：　指定デザインの削除確認ダイアログ
user.delete.dialog.controller.js　：　上記ダイアログのコントローラ

解決案

user.controlle.jsではindex.htmlで選択した削除対象のユーザIDは取得できており、
user.controlle.jsにある削除メソッドが実行できています。

解決方法に2つの方法があると考えています。
１.　削除ダイアログの削除結果をuser.controlle.jsの削除メソッドへ送り、削除する
２. user.delete.dialog.controller.jsに削除メソッドを記述し、index.htmlで選択した削除対象のユーザIDを送り、削除する。

試したこと

上記の解決案２を行おうと考えました。
user.delete.dialog.controller.jsに削除メソッドを記述し、ユーザIDを固定で実行したところ、
削除が確認されました。

至らぬところがあると思いますが、よろしくお願いいたします。

行動規範の内容に同意します

回答1件

AngularJSのベストプラクティスがどうなのかは存じ上げませんが、Controller間のデータの受け渡しについて私は別途データ受け渡し用のServiceを作成し、そこに画面間で共有すべきデータを設定しています。

というようなServiceを作成し、各Controllerに依存性注入して利用すれば、データの受け渡しは簡便です。
具体的には、index.controlle.jsでダイアログを呼び出す前に保持しているユーザIDをindex.global.service.jsの任意の変数に設定し、user.delete.dialog.controller.jsの生成時にその値を取得すればOKです。

Controllerはページの読み出し毎に生成されますが、Serviceはシングルトンであり最初に生成されたものを使い続けますので、グローバル変数的な利用ができます。

投稿2018/01/31 06:05