How to get current $sce outside controller?

Question

For getting current $scope outside controller I can use,

 var $scope = angular.element('[ng-controller=ProductCtrl]').scope();

How to get the current controllers $sce?

Answer 1

The $sce is a service so you can access it using the injector:

var elem = angular.element('[ng-controller=ProductCtrl]');
console.log("$scope: ",elem.scope());
console.log("$sce: ",elem.injector().get('$sce'));

example fiddle

Answer 2

Better use a service to pass data between controllers or other services. Services act like a Singleton.

Here is an example

Answer 3

For now my fix is,

window.trustAsHtml = $sce.trustAsHtml