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

发布时间：2020-12-14 23:00:02 所属栏目：资源来源：网络整理

导读：创建模板,我在一些HTML元素中有一些Angular代码：我想调试ng-if条件来检查我的CoursesVm对象的值.例如,我如何在Chrome中执行此操作？最佳答案选项1：直接在chrome devtools中像这样捕获范围： var scope = angular.element(document.getElementById(#btn

创建模板,我在一些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
} 

                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!