Adding ld+json structured data to AngularJs app Raw - Rich Card Directive

RichCardDirective.js

var app = angular.module('home', []);

app.directive('richcard', ['$sce', '$filter', function ($sce, $filter) {
    return {
        restrict: 'EA',
        link: function (scope, element) {
            scope.$watch('ld', function (val) {
                var val = $sce.trustAsHtml($filter('json')(val));
                element[0].outerHTML = '<script type="application/ld+json">'+ val + '</script>'
            });
        }
    };
}]);