javascript - angularのコントローラー内でユーザー定義のクラスインスタンス/オブジェクトを使用する方法は?

Question

シーン、カメラなどを含むthree.jsを使用してクラスを作成しました。JS コードで、このクラスのグローバル オブジェクトを作成します。threeDimViewthreeDimView_

threeDimView_ = new threeDimView();

これに関連する情報を別の div に表示したいと思います。

threeDimView_この情報 div のコントローラにこのオブジェクトを取得するにはどうすればよいですか?

function infoController(threeDimView_, $scope) 

とともにコントローラーに渡すと$scope、エラーが発生します。

Error: Unknown provider: threeDimView_Provider <- threeDimView_

Answer 1

次のように、サービスとして構成してみてください。

var app = angular.module("yourapp",[]);
app.service("threeDimView",threeDimView);

コントローラーで使用する場合はいつでも、パラメーターとして宣言するだけです。

function infoController(threeDimView, $scope) 

グローバル変数にアクセスしたり、関数内でオブジェクトを作成したりする代わりに、コントローラーにオブジェクトを挿入するという考えは、単体テストを可能にすることです。