随笔分类 - Angular
现实一点,先把书读好
摘要:【Angular】关于angular引用第三方组件库无法改变其组件样式 :host ::ng-deep css修改:无效 修改上面就正常了
阅读全文
摘要:在web开发时我们有时会需要在线预览PDF内容,在线嵌入pdf文件 常用的几种PDF预览代码片段如下: 方法一: 方法二: 方法三:
阅读全文
摘要:在前端项目开发过程中,总是会引入一些UI框架,已为方便自己的使用,很多大公司都有自己的一套UI框架,下面就是最近经常使用并且很流行的UI框架。 一.Mint UI 流行指数:★★★★ Mint UI是 饿了么团队开发基于vue .js的移动端UI框架,它包含丰富的 CSS 和 JS 组件,能够满足日
阅读全文
摘要:无人点餐无人收银系统基础案例 创建项目 创建一个含有路由的项目 安装依赖 运行项目 创建路由 创建home组件 创建商品组件 重构项目 home.component.css @charset "UTF-8"; .index_header { width: 96%; margin: 0 auto; h
阅读全文
摘要:Angular get 请求数据 Angular5.x 以后 get、post 和和服务器交互使用的是 HttpClientModule 模块。 2、在用到的地方引入 HttpClient 并在构造函数声明 3、get 请求数据 Angular post 提交数据 Angular5.x 以后 get
阅读全文
摘要:Promise 和 RxJS 处理异步对比 Promise 处理异步: RxJS 处理异步 从上面列子可以看到 RxJS 和 Promise 的基本用法非常类似,除了一些关键词不同。Promise 里面用的是 then() 和 resolve(),而 RxJS 里面用的是 next() 和 subs
阅读全文
摘要:一、Angular 中的 dom 操作(原生 js) 二、Angular 中的 dom 操作(ViewChild) 三、父子组件中通过 ViewChild 调用子组件 的方法 1.调用子组件给子组件定义一个名称 1. 引入 ViewChild 3. ViewChild 和刚才的子组件关联起来 4.调
阅读全文
摘要:Angular 表单 input、checkbox、radio、 select、 textarea 实现在线预约功能 html 文件 ts 文件 css 文件
阅读全文
摘要:使用Angular2的Http发送AJAX请求 Angular的文档并不详细,甚至API文档也有一些错误。经过查阅资料并经大量实验,终于明确了Angular的Http发送Ajax请求的方式方法。本文描述了通过Angular的Http发送Ajax请求相关的全部内容。 1. Angular的Http类
阅读全文
摘要:Angular routing生成路由和路由的跳转 什么是路由 路由的目的是可以让根组件按照不同的需求动态加载不同的组件。 根据不同地址,加载不同组件,实现单页面应用。 Angular 命令创建一个配置好路由的项目 命令创建项目 安装依赖 启动项目 与没有创建路由的项目比较 创建路由项目的文件比没有
阅读全文
摘要:Angular 父子组件传值 @Input @Output @ViewChild 新建一个头部组件 newsheader 在主组件引用 news 组件,在news组件添加 newsheader 组件。 设置newsheader组件样式 设置newsheader组件的内容,添加一个class属性 如果
阅读全文
摘要:Angular 请求数据 get post 以及 jsonp 请求数据 引入 HttpModule 、JsonpModule 普通的 HTTP 调用并不需要用到 JsonpModule,不过稍后我们就会延演示对 JSONP 的支持,所以现在就加载它,免得再回来浪费时间。 引入模块 在 import
阅读全文
摘要:Angular4.x 中的服务 写下前面 学习angular4.x中的服务需要借助 ToDoList 项目来做,项目代码在上篇博客中讲到。 https://www.cnblogs.com/wjw1014/p/10346885.html#_label7 什么是 Angular4.x 服务 把多个组件共
阅读全文
摘要:Angular4.x 创建组件|绑定数据|绑定属性|数据循环|条件判断|事件|表单处理|双向数据绑定 创建 angular 组件 https://github.com/angular/angular-cli 创建组件命令 为了便于项目的管理和维护,我们将自己创建的组件存放进单独的文件夹。 在 app
阅读全文
摘要:Angular4.x 安装|创建项目|目录结构|创建组件 安装最新版本的 nodejs node.js 官网:https://nodejs.org/zh-cn/ 去官网下载 node.js,下一步下一步就可以了。只要 node.js 安装成功,那么 npm 也会帮你安装完成! 注意:请先在终端/控制
阅读全文
摘要:Angular4.X 介绍 写在前面 为什么突然有想学习一点 angular 的知识呢?因为前几天突然在头条看到一个帖子,说,现在JavaScript成功的干过Java成为最火的编程语言,而JavaScript中,最火的框架就是 Angular。而且他说不接受质疑,这就很牛逼了!现在已经发布了7版本
阅读全文
摘要:Angular 快速入门 AngularJS 官方网址 Angular:https://www.angular.cn/ Angular官网:https://angularjs.org/ AngularJS 1.X 的困境 Angular 2.x 特性 16年5月正式发布。 2版本取消了JS的叫法,直
阅读全文
摘要:AngularJS 简介 AngularJS AngularJS 中文网 :http://www.angularjs.net.cn/ AngularJS 通过新的属性和表达式扩展了 HTML。 AngularJS 可以构建一个单一页面应用程序(SPAs:Single Page Application
阅读全文