Question

谁可以共享过滤解决方案（可能有本机解决方案），可以在AngularJs 视图中转储数据模板（用于调试目的）？

我看起来像是：

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

可能不是过滤器。我们的想法是调试即将进入视图的数据。

谢谢。

Answer 1

我尝试了一些内置的解决方案，但根本找不到任何东西。

我想没有人会发现这样的事情非常有用，因为你有两个不错的解决方案：

使用{{somedata}}
使用Batarang。如果您不熟悉Batarang，请参阅github page或简短introduction video

我发现用Batarang调查范围数据是非常有效的。

如果你真的认为你可以使用过滤器我想你可以自己编码。您需要找到的是一个treview控件，它显示json数据并将其包装在角度过滤器中。

此致

Answer 2

找到好的

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

用于视图的AngularJs转储过滤器

2 个答案: