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

标签 javascript html angularjs google-chrome

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

<button id="btnMainMenu" class="button button-icon fa fa-chevron-left header-icon"
        ng-if="(!CoursesVm.showcheckboxes || (CoursesVm.tabSelected == 'current') )"
...

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

最佳答案

对于寻找 Angular (2+) 的人,使用 json 管道

例如:

 <span>{{ CoursesVm | json }}</span> 
 <textarea>{{ CoursesVm | json }}</textarea>

关于javascript - 如何从 Angular 模板(html 文件)调试对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43126368/

相关文章:

Javascript:在 <body> 标签中创建一个新的 div

javascript - AngularJS/ui-bootstrap Accordion -单击时滚动到事件(打开) Accordion 的顶部

提交期间 JavaScript 验证错误

javascript - 带有 rowspan 和 colspan 的表中的颜色 TD

javascript - 如何在 typescript 中定义一个zip函数

javascript - RxJS,为什么 fromEvent() 会为每个订阅注册一个新事件?

mysql - 使用 PERL 和 jquery-ajax 检索 mysql 数据

javascript - PHP按下按钮时更新数据库中文本输入的值

javascript - AngularJS ng-repeat 如何获取 item key?

所有请求的 AngularJS $http 自定义 header