AngualrJs Dump Filter for View

Question

Who could share filter solution (probably there is native solution for it) that could dump data in AngularJs view templates(for debugging purposes)?

I'm looking something like:

<div>
{{somedata|dump}}
</div>

It could be not filter. The idea is to debug data that is coming to the view.

Thank you.

Answer 1

Found good one

app.directive("debug", function ($compile) {
    return {
        terminal: true,
        priority: 1000000,
        link: function (scope, element) {
            var clone = element.clone();
            element.attr("style", "color:red");
            clone.removeAttr("debug");
            var clonedElement = $compile(clone)(scope);
            element.after(clonedElement);
        }
    }
})

https://egghead.io/lessons/angularjs-build-a-debug-directive