我是ed同学的博客_Angular

Angular4.X 介绍

Angular4.X 介绍写在前面为什么突然有想学习一点 angular 的知识呢？因为前几天突然在头条看到一个帖子，说，现在JavaScript成功的干过Java成为最火的编程语

javascript

typescript

编程语言

原创点赞0 阅读93 收藏0 评论0 2022-06-23

AngularJS 简介

AngularJS 简介 AngularJS AngularJS 中文网：http://www.angularjs.net.cn/ AngularJS 通过新的属性和表达式扩展了 HTML。 AngularJS

html

应用程序

javascript

原创点赞0 阅读86 收藏0 评论0 2022-06-23

Angular 快速入门

Angular 快速入门 AngularJS 官方网址 Angular：https://www.angular.cn/ Angular官网：https://angularjs.org/ AngularJS 1.X 的困境 Angular 2.x 特性 16年5月正式发布。 2版本取消了JS的叫法，直

typescript

javascript

官网

原创点赞0 阅读710 收藏0 评论0 2022-06-23

Angular4.x 安装|创建项目|目录结构|创建组件

Angular4.x 安装|创建项目|目录结构|创建组件安装最新版本的 nodejs node.js 官网：https://nodejs.org/zh-cn/ 去官网下载 node.js，下一步下一步就可以了。只要 node.js 安装成功，那么 npm 也会帮你安装完成！注意：请先在终端/控制

创建项目

node.js

官网

原创点赞0 阅读1200 收藏0 评论0 2022-06-23

Angular4.x 创建组件|绑定数据|绑定属性|数据循环|条件判断|事件|表单处理|双向数据绑定

html

数据

数据绑定

原创点赞0 阅读104 收藏0 评论0 2022-06-23

Angular4.x 中的服务

Angular4.x 中的服务写下前面学习angular4.x中的服务需要借助 ToDoList 项目来做，项目代码在上篇博客中讲到。

数据

依赖注入

ide

原创点赞0 阅读113 收藏0 评论0 2022-06-23

Angular 请求数据

Angular 请求数据 get post 以及 jsonp 请求数据引入 HttpModule 、JsonpModule 普通的 HTTP 调用并不需要用到 JsonpModule，不过稍后我们就会延演示对 JSONP 的支持，所以现在就加载它，免得再回来浪费时间。引入模块在 import

json

请求数据

数据

原创点赞0 阅读90 收藏0 评论0 2022-06-23

Angular routing生成路由和路由的跳转

Angular routing生成路由和路由的跳转什么是路由路由的目的是可以让根组件按照不同的需求动态加载不同的组件。根据不同地址，加载不同组件，实现单页面应用。 Angular 命令创建一个配置好路由的项目命令创建项目安装依赖启动项目与没有创建路由的项目比较创建路由项目的文件比没有

加载

动态加载

git

原创点赞0 阅读136 收藏0 评论0 2022-06-23

Angular 父子组件传值

Angular 父子组件传值 @Input @Output @ViewChild 新建一个头部组件 newsheader 在主组件引用 news 组件，在news组件添加 newsheader 组件。设置newsheader组件样式设置newsheader组件的内容，添加一个class属性如果

数据

html

css

原创点赞0 阅读280 收藏0 评论0 2022-06-23

Angular 中的数据交互（get jsonp post）

Angular get 请求数据 Angular5.x 以后 get、post 和和服务器交互使用的是 HttpClientModule 模块。 2、在用到的地方引入 HttpClient 并在构造函数声明 3、get 请求数据 Angular post 提交数据 Angular5.x 以后 get

json

请求数据

构造函数

原创点赞0 阅读129 收藏0 评论0 2022-06-23

angular6 路由拼接查询参数如 ?id=1 并获取url参数

angular6 路由拼接查询参数如 ?id=1 并获取url参数路由拼接参数：<div class="category-border" [routerLink]="['/list/' + category.id + '/' + category.slug]" [queryParams]="{id: 1}">拼接后在浏览器显示: 域名 http://localhost:42

git

url参数

.net

原创点赞0 阅读95 收藏0 评论0 2022-06-23

angular项目实现mqtt的订阅与发布 ngx-mqtt

angular项目实现mqtt的订阅与发布如果要写一个exe可执行文件，可以使用angular编写，然后使用electron打包成一个exe文件。 https://github.com/maximegris/angular-electron 我们可以使用现成的angular链接mqtt的插件实现订

angular

mqtt

ngx-mqtt

服务器

数据

原创点赞0 阅读116 收藏0 评论0 2022-06-23

angularJS 十六进制与字符串相互转换

angular 将字符串数据转换为十六进制数据 js / @Description: TODO 字符串转16进制方法 @author wjw @date 2019年9月18日16:35:32 / stringToHex(str) { let val = ''; for (let i = 0; i

字符串

i++

十六进制

原创点赞0 阅读69 收藏0 评论0 2022-06-23

angular 读写电脑本地文件

angular 读写本地电脑文件 angular将数据写进到电脑文件在前端写一个按钮，然后点击按钮的时候在

read

write

file

读写本地文件

angular

原创点赞0 阅读71 收藏0 评论0 2022-06-23

使用Angular2的Http发送AJAX请求

使用Angular2的Http发送AJAX请求 Angular的文档并不详细，甚至API文档也有一些错误。经过查阅资料并经大量实验，终于明确了Angular的Http发送Ajax请求的方式方法。本文描述了通过Angular的Http发送Ajax请求相关的全部内容。 1. Angular的Http类

请求参数

post请求

请求头

原创点赞0 阅读68 收藏0 评论0 2022-06-23

Angular7 表单

Angular 表单 input、checkbox、radio、 select、 textarea 实现在线预约功能 html 文件 ts 文件 css 文件

css

git

表单

原创点赞0 阅读27 收藏0 评论0 2022-06-23

angular7 DOM操作及 @ViewChild

一、Angular 中的 dom 操作（原生 js）二、Angula

git

.net

原创点赞0 阅读47 收藏0 评论0 2022-06-23

angular7 Rxjs 异步请求

Promise 和 RxJS 处理异步对比 Promise 处理异

git

新特性

参考文档

原创点赞0 阅读53 收藏0 评论0 2022-06-23

Angular项目生成使用随机数

Angular项目生成使用随机数就这样子。

随机数

git

.net

原创点赞0 阅读50 收藏0 评论0 2022-06-23

angular 中引入 markdown

ngx-markdown 是 Angular2+ 的一个第三

css

语法高亮

typescript

原创点赞0 阅读30 收藏0 评论0 2022-06-23

Angular 使用 frame 加载网络资源显示路径不安全问题

Angular 使用 frame 加载网络资源显示路径不安全问题做项目的时候，angular 使用 frame 加载网络pdf文件的时候出现 unsafe value 问题，路径不安全。解决办法。在相应的 ts 文件中编写：在组件中引入 angular 内置的 DomSanitizer 模块。import {DomSanitizer} from '@angular/platform-browser

git

加载

html

原创点赞0 阅读21 收藏0 评论0 2022-06-23

angular 页面中引入静态 PDF 文件

在web开发时我们有时会需要在线预览PDF内容，在线嵌入pdf文件常用的几种PDF预览代码片段如下：方法一：方法二：方法三：

git

web开发

在线预览

原创点赞0 阅读9 收藏0 评论0 2022-06-23

【Angular】关于angular引用第三方组件库无法改变其组件样式 :host ::ng-deep

【Angular】关于angular引用第三方组件库无法改变其组件样式:host ::ng-deepcss修改：无效.ant-input-affix-wrapper .ant-input:not(:first-child){ padding-left: 30px;}修改上面就正常了:host ::ng-deep .ant-input-affix-wrapper .ant-input:not(:f

git

css

.net

原创点赞0 阅读0 收藏0 评论0 2022-06-23

官方博客	意见反馈	了解我们	全部文章
在线客服	网站地图	热门标签

开源基础软件社区	51CTO学堂
51CTO	汽车开发者社区

51CTO博客

ed.

Angular4.X 介绍

AngularJS 简介

Angular 快速入门

Angular4.x 安装|创建项目|目录结构|创建组件

Angular4.x 创建组件|绑定数据|绑定属性|数据循环|条件判断|事件|表单处理|双向数据绑定

Angular4.x 中的服务

Angular 请求数据

Angular routing生成路由和路由的跳转

Angular 父子组件传值

Angular 中的数据交互（get jsonp post）

angular6 路由拼接查询参数如 ?id=1 并获取url参数

angular项目实现mqtt的订阅与发布 ngx-mqtt

angularJS 十六进制与字符串相互转换

angular 读写电脑本地文件

使用Angular2的Http发送AJAX请求

Angular7 表单

angular7 DOM操作及 @ViewChild

angular7 Rxjs 异步请求

Angular项目生成使用随机数

angular 中引入 markdown

Angular 使用 frame 加载网络资源显示路径不安全问题

angular 页面中引入静态 PDF 文件

【Angular】关于angular引用第三方组件库无法改变其组件样式 :host ::ng-deep