购航天信息防伪开票接口系统税控系统备案后该怎么做

在使用 VS Code进行调试之前,需要做一些准备工作,确保必要的环境已经安装,您的Angular2 应用程序已经可以正常编译和运行。
最新版本的
谷歌浏览器(其他主流浏览器也可以)
在VS Code 中安装“Debugger for Chrome”拓展程序,安装完成后,重新启动 VS Code。
用 VS Code 打开项目文件夹,点击左侧的 Debug 按钮,在左上方的下拉列表中选择 Add Configuration ,选择 Chrome : Launch。
配置文件如下:
"type": "chrome",
"request": "launch",
"name": "Launch Chrome",
"url": "http://localhost:4200",
"sourceMaps": false,
"webRoot": "${workspaceRoot}"
保存,然后按下“F5”快捷键开始运行项目(注意先在命令行中使用 npm start 启动程序)
参考知识库
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:62947次
积分:5064
积分:5064
排名:第4849名
原创:71篇
评论:1977条
阅读:13829
阅读:11287
(1)(1)(1)(6)(3)(5)(2)(3)(3)(1)(3)(3)(6)(4)(5)(4)(5)(5)(4)(2)(3)(1)使用Chrome浏览器调试AngularJS应用的方法
投稿:goldensun
字体:[ ] 类型:转载 时间:
这篇文章主要介绍了使用Chrome浏览器调试AngularJS应用的方法,AngularJS是非常热门的JavaScript库,需要的朋友可以参考下
当我们构建AngularJS应用时,通过浏览器(如Chrome,Firefox和IE)的JavaScript控制台访问应用中隐藏的数据和服务总会有些困难。下面是一些简单的技巧可以帮助我们通过Javascript控制台来查看或者控制正在运行的Angular应用,使得应用可以比较容易进行测试,修改,甚至实时的修改我们的Angular应用:
1: 访问作用域
通过一行简单的JS程序访问页面中任何作用域(甚至是隔离的作用域!):
& angular.element(targetNode).scope()
-& ChildScope {$id: "005", this: ChildScope, $$listeners: Object, $$listenerCount: Object, $parent: Scope…}
对于隔离作用域:
& angular.element(targetNode).isolateScope()
-& Scope {$id: "009", $$childTail: ChildScope, $$childHead: ChildScope, $$prevSibling: ChildScope, $$nextSibling: Scope…}
这里用`targetNode`作为HTML节点的引用。你可以非常轻松的通过`document.querySelector()`来创建一个`targetNode`
2:查看作用域树
有些时候,我们需要查看页面中作用域层次来有效的调试我们的应用。AngularJS Batarang正是我们需要的一款Chrome浏览器的扩展,可以展示当前作用域层次,并具有其他非常有用的特性。
3: 抓取任何服务
无论ngApp在哪里定义,我们都可以使用注入器功能来抓取任何的服务的引用(如果使用angular的bootstrap方法,则可以手动抓取$rootElement):
& angular.element('html').injector().get('MyService')
-& Object {undo: function, redo: function, _pushAction: function, newDocument: function, init: function…}
然后我们就可以对该服务进行调用,就像我们可以将服务注入一样。
4: 访问控制器使用指令
一些指令定义了一个拥有某些额外(通常是分享)功能的控制器。为了从控制台访问一个给定指令的控制器实例,只需使用 controller() 方法:
& angular.element('my-pages').controller()
-& Constructor {}
最后一种做法更高级并且不常用。
5: Chrome 控制台特性
Chrome浏览器的控制台有一堆不错的捷径 来调试浏览器应用。这是一些Angular开发中最好的做法:
&&& $0-$4: 访问最近在查看窗口中进行选取的 5 个DOM元素。选择抓取的范围非常方便。
&&& $(selector)和$$(selector): 分别是querySelector() 和 querySelectorAll的一个快速的替代
感谢 @zgohr 提供这种方法!
通过几个简单的技巧,我们可以访问页面任何作用域中的数据,查看作用域层次结构,注入服务和控制指令。
所以下一次,如果你想稍微进行调整,检查自己的工作或者通过控制台控制AngularJS一个用,我希望你能记住这些命令,并且能做到像我一样觉得他们非常实用!
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具

我要回帖

更多关于 防伪开票接口系统 的文章

 

随机推荐