use ng-bind-html-unsafe from custom directive (was removed from AngularJS 1.2)

matthiasn · matthiasn · commit 1940eab2f4d9 · 2013-10-12T16:35:29.000+02:00
diff --git a/app/assets/javascripts/directives.js b/app/assets/javascripts/directives.js
@@ -8,7 +8,7 @@ angular.module('birdwatch.directives', ['charts.barchart', 'charts.wordcloud'])
             restrict: 'C',
             scope: { tweet: "=tweet" },
             templateUrl: "/assets/templates/tweetCard.tpl.html",
-            link: function (scope, elem, attrs) { }
+            link: function (scope, elem, attrs) { console.log(scope) }
         }
     })
     .directive('barchart', function (barchart) {
@@ -87,4 +87,22 @@ angular.module('birdwatch.directives', ['charts.barchart', 'charts.wordcloud'])
                 });
             }
         }
-    });
+    })
+    //from http://stackoverflow.com/questions/18340872/how-do-you-use-sce-trustashtmlstring-to-replicate-ng-bind-html-unsafe-in-angu
+    .directive('ngBindHtmlUnsafe', ['$sce', function($sce){
+    return {
+        scope: {
+            ngBindHtmlUnsafe: '='
+        },
+        template: "<div ng-bind-html='trustedHtml'></div>",
+        link: function($scope, iElm, iAttrs, controller) {
+            $scope.updateView = function() {
+                $scope.trustedHtml = $sce.trustAsHtml($scope.ngBindHtmlUnsafe);
+            }
+
+            $scope.$watch('ngBindHtmlUnsafe', function(newVal, oldVal) {
+                $scope.updateView(newVal);
+            });
+        }
+    };
+}]);
