随笔分类 - Zeus_Angular
摘要:1 Ionic 基本介绍 Ionic 是一款基于 Angular、Cordova 的强大的 HTML5 移动应用开发框架 , 可以快速创建一个跨平台的移动应用。可以快速开发移动 App、移动端 WEB 页面、微信公众平台应用,混合 appweb 页面。 Ionic官网 1.1 ionic、cordo
阅读全文
摘要:1 开发环境 本博文基于angular5 2 步骤 2.1 创建angular5项目 详情参见百度 2.2 下载PrimeNG依赖 2.3 在Angular项目中引入PrimeNG样式 修改 angular-cli.json配置文件 { "$schema": "./node_modules/@ang
阅读全文
摘要:1 自定概述 2 自定义指令 详情参见《揭秘Angular2》 2.1 属性指令 》工具代码 <div class="panel panel-primary"> <div class="panel-heading"> <ng-content select=".heading"></ng-conten
阅读全文
摘要:1 准备工作 1.1 搭建angular环境 技巧01:本博文基于angular5 1.3 创建一个angular项目 技巧01:根据业务划分模块,每个模块都设定一个主组件 技巧02:利用路由实现模块的懒加载 2 投影的应用场景 2.1 需求 父组件如何动态的向子组件进行传值操作 2.2 解决 》利
阅读全文
摘要:1 生命周期钩子概述 组件共有9个生命周期钩子 1.1 生命周期的执行顺序 技巧01:测试时父组件传递对子组件的输入属性进行初始化操作 import { Component, Input, SimpleChanges, OnInit, OnChanges, DoCheck, AfterContent
阅读全文
摘要:待更新... 2018年5月21日15:17:47 参考博文01 参考博文02
阅读全文
摘要:1 前提准备 1.1 创建一个angular项目 1.2 将 Ant Design 整合到 Angular 项目中 1.3 官方文档 点击前往 2 简单使用 <nz-table #rowSelectionTable [nzData]="data" (nzCurrentPageDataChange)=
阅读全文
摘要:待更新... 2018-5-21 13:53:52 1 环境说明 2 搭建Angular项目 详情参见 -> 点击前往 辅助技能 -> 点击前往 3 创建共享模块 共享模块主要用来简化导入的目的,例如:多个模块都需要导入一些模块,我们可以在跟模块中进行导入;但是这种方式不推荐使用,因为比较Low;所
阅读全文
摘要:1 需求 由于Angular是单页面的应用,所以在进行数据刷新是进行的局部刷新;在进行数据刷新时从浏览器发出请求到后台响应数据是有时间延迟的,所以在这段时间就需要进行遮罩处理来提示用户系统正在请求数据。 2 loading组件简介 loading组件就是专门负责遮罩处理的,可以自定一个loading
阅读全文
摘要:1 HttpClient介绍 HttpClient时Http的演进,注意:Http在@angular/http中,而HttpClient在@angular/common/http中; 使用前需要在模块级别导入HttpClientModule,通常的做法是在核心模块中导入,在将核心模块导入到主模块中
阅读全文
摘要:1 需求 在前端开发中通常需要动态对某些元素的样式进行动态设定,传统的CSS绑定分为CSS类绑定和Style样式绑定;在Angular中利用相关指令同样可以完成CSS类绑定和CSS样式绑定 2 内置指令 在angular中指令是作用在特定的DOM元素上的,目的是用来扩展元素的功能,为元素添加新的功能
阅读全文
摘要:1 nginx安装(Windows版本) 1.1 下载安装包 到官网下载Windows版本的nginx安装包 技巧01:下载好的压缩包解压即可,无需安装 1.2 启动nginx 进入到解压目录,点击 nginx.exe 就可以启动nginx啦 1.3 验证 打开浏览器,跳转到 http://127.
阅读全文
摘要:1 创建项目 1.1 版本说明 1.2 创建模块 1.2.1 核心模块 该模块只加载一次,主要存放一些核心的组件及服务 ng g m core 页眉组件:header ng g c core/header --module core 内容组件:main ng g c core/main --modu
阅读全文
摘要:1 问题描述 应用使用 angular4在使用@angular/material时,若果在导入模块时使用mat开头,就会报错。 2 问题原因 @angular/material版本出现问题,@angular/material 从版本5开始就必须要angular5的核心依赖;想要在angular5之前
阅读全文
摘要:1 创建模块失败 1.1 问题描述 利用 ng g m 模块名 创建新模块时出错 1.2 错误信息 1.3 问题原因 angular-cli 版本出现问题 1.4 解决办法 卸载掉之前使用的 angular-cli , 在重新安装angular-cli 2 angular-cli 名称问题 2.1
阅读全文
摘要:1 需求 当开发者需要一个特定的表单控件时就需要自己开发一个和默认提供的表单控件用法相似的控件来作为表单控件;自定义的表单控件必须考虑模型和视图之间的数据怎么进行交互 2 官方文档 -> 点击前往 Angular为开发者提供了ControlValueAccessor接口来辅助开发者构建自定义的表单控
阅读全文
摘要:1 RX 全称是 Reactive Extensions,它是微软开发并维护的基于 Reactive Programming 范式实现的一套工具库集合;RX结合了观察者模式、迭代器模式、函数式编程来管理事件序列 RX官方文档:点击前往 2 RXJS RXJS就是RX在JavaScript层面上的实现
阅读全文
摘要:1 什么是HTML HTML文档就是一个纯文本文件,该文件包含了HTML元素、CSS样式以及JavaScript代码;HTML元素是由标签呈现,浏览器会为每个标签创建带有属性的DOM对象,浏览器通过渲染这些DOM节点来呈现内容,用户在浏览器中看到的内容就是浏览器渲染DOM对象后的结果。 2 指令的分
阅读全文
摘要:1 前提准备 1.1 新建一个angular4项目 参考博文:点击前往 1.2 去zTree官网下载zTree zTree官网:点击前往 三少使用的版本:点击前往 1.3 参考博客 点击前往01 点击前往02 2 编程步骤 从打印出zTree对象可以看出,zTree对象利用init方法来实现zTre
阅读全文
摘要:1 利用ng创建组件时出现错误 1.1 ng g c test/testHome 1.2 问题描述 当angular应用中有多个module.ts文件时,创建组件时会出现冲突,因为有多个module.ts文件时就不知道应该将新建的组件归类到哪个模块下面 1.3 问题解决 在创建组件的同时指定属于哪个
阅读全文
浙公网安备 33010602011771号