angular
人间草木96
这个作者很懒,什么都没留下…
展开
-
Angular CLI脚手架的搭建 "@angular/cli": "~7.3.6"
*****先要安装node.js,使用npm包管理工具 node.js安装方法如下*****https://blog.csdn.net/shiyaru1314/article/details/54963027https://blog.csdn.net/qq_42564846/article/details/82688266大家都知道国内直接使用 npm 的官方镜像是非常慢的,这里...原创 2019-03-15 15:30:31 · 1481 阅读 · 0 评论 -
angular-cli中设置路径别名
第一步:在根目录下tsconfig.json中添加baseUrl和paths{ "compileOnSave": false, "compilerOptions": { "baseUrl": "./", "outDir": "./dist/out-tsc", "sourceMap": true, "declaration": false,...原创 2019-03-22 10:15:15 · 1817 阅读 · 0 评论 -
angular-cli中引入ng-zorro-antd(蚂蚁框架)
首先你要确保angular-cli环境搭建成功第一步:进入项目文件夹,执行以下命令后将自动完成ng-zorro-antd的初始化配置,包括引入国际化文件,导入模块,引入样式文件等工作。ng add ng-zorro-antd安装完成后会问你几个问题第二步:然后启动项目npm start在浏览器打开http://localhost:4200/ ...原创 2019-03-21 15:21:44 · 4035 阅读 · 0 评论 -
angular-cli中axios请求拦截、响应拦截的配置
首先你要确保angular-cli环境搭建成功第一步:npm 安装axios,文件根目录下安装,指令如下npm install axios --save //安装到生产环境第二步:配置config.js 文件,它是整个项目的统一配置文件,方便我们管理项目在angular-cli项目的 src/ 文件夹下新建一个文件夹为 plugins,然后在 plugi...原创 2019-03-21 14:37:34 · 1901 阅读 · 1 评论 -
angular-cli生命周期详解学习~~~~~
angular生命周期图解~~~*************************************************************************************************************************************这个顺序是按照执行的先后排列的constructor:构造器函数,一般用...原创 2019-03-21 11:55:14 · 321 阅读 · 0 评论 -
angular-cli中配置proxy代理
1、先在angular-cli目录下新建proxy.config.json 文件,文件内容如下:其中 我请求的接口URL 是 http://172.20.1.26:8082/api/back/common/getVerifyCode/back 代表url中匹配到 '/back' 就会吧url中 '/back' 之前的东西全部替换为下面target中的东西target...原创 2019-03-21 11:11:36 · 1830 阅读 · 0 评论 -
angular-cli中路由的跳转
1、a标签跳转在html标签内使用routerLink跳转,使用方式如下:<a routerLink="/my">去my</a>2、编程式导航-JS代码内部跳转实际项目中,很多时候都是通过在JS代码内部进行导航的跳转,使用有两种方式,如下this.router.navigateByUrl('xxx')this.router.navigat...原创 2019-03-20 18:22:59 · 922 阅读 · 0 评论 -
angular-cli中路由配置和使用
安装angular-cli脚手架的时候我选择安装了 angular路由,如果你没有安装 angular路由,参考这个https://www.angular.cn/tutorial/toh-pt5第一步:创建两个组件 login和my 怎么创建,参考https://blog.csdn.net/qq_43258252/article/details/88681187...原创 2019-03-20 18:13:58 · 678 阅读 · 0 评论 -
angular-cli中sass的使用
用命令创建好组件后,自动生成了 .sass 文件前提是你使用angular-cli脚手架,stylesheet 选择了sass所以直接使用sass就可以了原创 2019-03-20 10:23:34 · 236 阅读 · 0 评论 -
angular-cli中组件创建和使用
angular的组件创建和vue、react不太一样,它是使用命令去创建,操作如下:第一步:创建组件在命令行输入: ng g component 组件名比如ng g component my新生成的组件,在src的app里面的文件夹 my里在 src/app/app.module.ts 文件的装饰器下,自动声明了刚才新添加的组件第二步:使用组件可...原创 2019-03-20 10:10:48 · 4599 阅读 · 0 评论 -
angular-cli中过滤器的使用
angular-cli内置了一些过滤器,它们是:currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)、number(数字)、orderBy(排序)。总共九种。除此之外还可以自定义过滤器,这个就强大了,可以满足任何要求的数据处理。使用方法如下:...原创 2019-03-22 11:22:09 · 426 阅读 · 0 评论