随笔分类 -  Angular

1
摘要:1.安装 2.使用 阅读全文
posted @ 2018-08-09 17:18 c-137Summer 阅读(273) 评论(0) 推荐(0) 编辑
摘要:1. 定义接口名称 /domain/login-guard.ts 2. 定义actions /ngrx/actions/login-guard.action.ts 3. 定义reducers /ngrx/actions/login-guard.reducer.ts 4. login.service. 阅读全文
posted @ 2018-08-09 11:22 c-137Summer 阅读(647) 评论(0) 推荐(0) 编辑
摘要:通过属性绑定的innerHTML,把字符串里面的html解析 解析是没问题的,但一些内联样式会丢失掉 为了不丢掉样式,需要自定义一个管道来解决这个问题 html.pipe.ts html使用 阅读全文
posted @ 2018-08-02 17:34 c-137Summer 阅读(2053) 评论(0) 推荐(0) 编辑
摘要:子组件 given-person.html 子组件 given-person.ts 页面中调用 demo.component.ts ts 阅读全文
posted @ 2018-07-17 09:42 c-137Summer 阅读(904) 评论(0) 推荐(1) 编辑
摘要:首先到项目目录下ng g pipe pipe/myslice 就会在app目录下生成一个pipe文件夹文件夹下有myslice.pipe.ts文件,如果没有也可以自己手动新建 然后需要再app.module.ts 也就是在模块文件中设置 好了就可以安心的在myslice.pipe.ts中自定义需要的 阅读全文
posted @ 2018-07-10 13:13 c-137Summer 阅读(2404) 评论(0) 推荐(0) 编辑
摘要:由于业务需要,需要的场景是发某条公告的时候能够上传附件,不只是图片,图片的话可以直接用base64传给后台,但上传附件这个就不能这样干了, 与此同时,每条公告都有一个对应的唯一标识id, 附件以文件流形式传给后台,需要再上传附件的时候加上一个id参数一同传给后台。 刚开始一直报400错误,500错误 阅读全文
posted @ 2018-07-10 12:59 c-137Summer 阅读(1200) 评论(0) 推荐(1) 编辑
摘要:layDate日期选择插件使用npm安装好像是行不通的,但angular2+的日期选择控件库又不能够支持时分秒的选择 在angular项目中引用layDate 1. 首先官网下载layDate独立版,把laydate文件夹下的文件放入assets文件夹下 2. 在angular-cli.json文件 阅读全文
posted @ 2018-06-14 16:43 c-137Summer 阅读(2114) 评论(0) 推荐(0) 编辑
摘要:angular封装公共方法到service中间件,节省开发时间 layer.service.ts 组件接收调用 demo.component.html demo.component.ts 阅读全文
posted @ 2018-05-21 20:42 c-137Summer 阅读(999) 评论(0) 推荐(0) 编辑
摘要:当路由变化的时候刷新组件 比如说要刷新header组件 在header.ts里 比如说当用户修改了姓名信息之后,就会局部刷新header组件里显示的姓名信息 这个只用于路由发生变化的实时刷新,如果路由没有变是不能进行实时刷新的 阅读全文
posted @ 2018-04-27 11:05 c-137Summer 阅读(2230) 评论(0) 推荐(0) 编辑
摘要:1. 拼接返回的json数据 2. 点击下载时下载报表 阅读全文
posted @ 2018-04-25 10:21 c-137Summer 阅读(854) 评论(0) 推荐(0) 编辑
摘要:angular中的pipe是用来对输入的数据进行处理,如大小写转换、数值和日期格式化等。 常用的pipe有 1. 大小写转换 2. 日期格式转换 3. 小数位数 4. JavaScript 对象序列化 5. slice 6. 管道链 7. 自定义管道 自定义管道的步骤: 使用 @Pipe 装饰器定义 阅读全文
posted @ 2018-04-19 10:28 c-137Summer 阅读(8204) 评论(0) 推荐(0) 编辑
摘要:页面跳转 在新页面接收参数 阅读全文
posted @ 2018-04-11 17:48 c-137Summer 阅读(1012) 评论(0) 推荐(0) 编辑
摘要:productService.ts 在服务里声明返回类别方法 阅读全文
posted @ 2018-03-28 08:48 c-137Summer 阅读(3095) 评论(0) 推荐(0) 编辑
摘要:父传子用@input 子传父用@output 例:子组件 父组件调用子组件,进行双向数据绑定 阅读全文
posted @ 2018-03-27 18:12 c-137Summer 阅读(407) 评论(0) 推荐(0) 编辑
摘要:直接加[disabled]="isDisabled"属性的话,出现报错 根据提示,做如下修改 阅读全文
posted @ 2018-03-19 17:43 c-137Summer 阅读(8222) 评论(0) 推荐(1) 编辑
摘要:只需要在ts里声明departs 就可以完成全选和取消全选效果 上面这种完成的效果如下,全选反选和个别选择可以实现,但有个问题:当取消个别选择的时候全选按钮没有取消勾选 解决办法,在点击全选之后禁用下面的按钮,只有取消全选之后,才能选择下面的 ts 效果如下 这样一来就比较符合逻辑了.....but 阅读全文
posted @ 2018-03-16 09:13 c-137Summer 阅读(7625) 评论(2) 推荐(0) 编辑
摘要:angular 中的*ngFor指令的使用 有时候需要获取index,比如删除本行li列表的时候需要根据index来确定删的是哪个 把列表遍历出来显示到页面,点击每个列表对应的x就可以删除本条记录 阅读全文
posted @ 2018-03-15 13:48 c-137Summer 阅读(30508) 评论(2) 推荐(2) 编辑
摘要:起因是在angular项目中使用axios发送post请求,向后台传参后台一直无法接收,网上查了有说是请求头设置不对,需要把Content-Type:application/x-www-form-urlencoded;charset=UTF-8 改了之后发现还是不行,后来终于找到原因,axios请求 阅读全文
posted @ 2018-02-26 20:21 c-137Summer 阅读(1349) 评论(0) 推荐(0) 编辑
摘要:在路由时传递数据 1. 在查询参数中传递数据 2.在路由路径中传递数据 3. 在路由配置中传递数据 重定向路由 子路由<router-outlet></router-outlet> 辅助路由 路由守卫 阅读全文
posted @ 2018-01-30 14:50 c-137Summer 阅读(183) 评论(0) 推荐(0) 编辑
摘要:1. 图片地址属性绑定 html文件 ts文件 2. 样式绑定 html文件 ts文件 3. 输入属性:父组件的属性传递给子组件 子组件html 子组件ts文件 父组件html 阅读全文
posted @ 2018-01-30 11:21 c-137Summer 阅读(323) 评论(0) 推荐(0) 编辑

1
点击右上角即可分享
微信分享提示