Question

如何在没有任何浏览器插件的情况下调试像{{expression}}这样的AngularJS绑定？除Firebug外，我无法使用任何浏览器开发工具加载项。所以，我想检查绑定表达式是否确实具有来自我的控制器的某些值。我该如何检查？

(function() {
    var app= angular.module("myApp");
     var appCtrl = function($scope,$rootScope,$window,$miscService)
       {
          $scope.myUrl = "http://www.google.com";
            }

在模板中

<a href="{{myUrl}}" target="_blank">Google</a>

我的问题是，是否可以在HTML中调试我的AngularJS表达式值？

Answer 1

是的，你可以使用{{yourVar}}

来完成

如果将变量放在花括号中，则会显示变量的值。

value of href = {{myUrl}}

你这里有一个DEMO = JSFIDDLE

Answer 2

您可以使用

在页面中打印您的值

<pre>{{value | json}}</pre>

＆＃34; JSON＆＃34;这里用作过滤器和AngularJS。

您可以阅读：https://stackoverflow.com/a/27424876/861206

您还可以在源代码中添加一个断点，因此下次评估该值时，您的代码将停止，您可以在dev工具中直接看到相关的值。

对于这个开放式开发工具：进入＆＃34;来源＆＃34;标签。使用Ctrl + O或Cmd + O选择要调试的文件，单击要停止代码的行的左侧。因此，在下一次执行中，代码将停止，您可以将鼠标悬停在其上以查看与其关联的值。

Answer 3

只需在html <pre>{{myurl}}</pre>中打印，或者尝试检查代码并将断点添加到源存档中，这样本地调试器就会在代码中停止

我编辑它现在有效的小提琴，角度嵌入不正确，因为它必须使用https加载

如何在没有任何浏览器插件的情况下调试AngularJS绑定{{expression}}？

3 个答案: