javascript – 如何从Angular模板调试对象(html文件)

前端之家收集整理的这篇文章主要介绍了javascript – 如何从Angular模板调试对象(html文件)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

创建模板,我在一些HTML元素中有一些Angular代码

我想调试ng-if条件来检查我的CoursesVm对象的值.例如,我如何在Chrome中执行此操作?

最佳答案
选项1:直接在chrome devtools中

>像这样捕获范围:

var scope = angular.element(document.getElementById(‘#btnMainMenu’)).scope();
>像这样访问对象(假设此视图的控制器是myCtrl):

scope.myCtrl.CoursesVm

选项1:修改您的代码

您可以将代码包含在控制器函数内的ng-if((!CoursesVm.showcheckBoxes ||(CoursesVm.tabSelected ==’current’)))中,然后调试该函数.

像这样的东西:

//...controller
function checkIf(){
    debugger;  //open chrome devtools and go to the view...code execution will stop here!
    //..code to be checked
} 

猜你在找的HTML相关文章