随笔分类 -  Zeus_Angular

摘要:1 ECMA European Computer Manufactures Association 这个组织的目标是评估,开发和认可电信和计算机标准。 百度百科:点击前往 ECMA65:满足ECMA标准的第五代JavaScript,所有浏览器都支持 ECMAS6:满足ECMA标准的第六代JavaSc 阅读全文
posted @ 2017-09-03 02:32 寻渝记 阅读(543) 评论(0) 推荐(0)
摘要:1 模板表单 模型通过指令隐式创建 技巧01:需要在模块级别引入 FormsModule ,通常在共享模块中引入再导出,然后在需要用到 FormsModule 的模块中导入共享模块就可以啦 import { NgModule } from '@angular/core'; import { Comm 阅读全文
posted @ 2017-08-26 20:20 寻渝记 阅读(1013) 评论(0) 推荐(0)
摘要:1 父组件和子组件之间的通讯 2 利用中间组件实现两个组件之间的通讯 3 利用服务实现两个组件之间的通讯 2017年8月26日20:09:13 待更新... 1 组件之间的关系图 1.1 父子关系 1.2 兄弟关系 1.3 没啥关系 2 组件之间有以下几种典型的通讯方案 2.1 直接父子关系 2.1 阅读全文
posted @ 2017-08-26 20:10 寻渝记 阅读(494) 评论(0) 推荐(0)
摘要:1 数据绑定的分类 1.1 单向数据绑定 1.1.1 属性绑定 -> 数据从组件控制类到组件模板 DOM属性绑定 HTML属性绑定 1.1.2 事件绑定 -> 数据从组件模板到组件控制类 DOM事件绑定 自定义事件绑定 1.2 双向数据绑定 组件模板和控制类的数据可以双向流通 2 属性绑定 请参见《 阅读全文
posted @ 2017-08-24 17:19 寻渝记 阅读(333) 评论(0) 推荐(0)
摘要:1 angular应用中依赖注入的工作原理 技巧01:在模块级别进行注册时所有在应用级别的组件都可以使用,因为主模块会导入其他模块,所以在模块中注入就相当于在主模块进行注入操作;懒加载的模块除外 技巧02:在模块的根组件注入时只有在该模块的根组件及其子组件才可以使用 技巧03:如果有两个模块都进行了 阅读全文
posted @ 2017-08-23 18:45 寻渝记 阅读(440) 评论(0) 推荐(0)
摘要:1 创建一个新的angular应用 ng new adminSystem 2 利用WebStorm打开adminSystem应用 3 借助AdminLTE这个开源项目来辅助开发 AdminLTE项目:点击前往 将AdminLTE项目的精简版本源代码复制到adminSystem应用主模块的主组件的模板 阅读全文
posted @ 2017-08-22 21:01 寻渝记 阅读(4403) 评论(2) 推荐(2)
摘要:1 Angular路由的工作流程 用户在浏览器输入一个URL -> Angular将获取到这个URL并将其解析成一个UrlTree实例 -> Angular会到路由配置中去寻找并激活与UrlTree实例匹配的配置项 -> 为配置项指定的组件创建实例 -> 将创建的实例组件渲染到<router-out 阅读全文
posted @ 2017-08-22 11:11 寻渝记 阅读(1003) 评论(0) 推荐(0)
摘要:1 创建组件 进入到angular项目的根目录,执行如下命令 ng g component test-component 注意:执行完上述命令后在angular项目的src/app文件夹下就会多出一个名为test-component的文件夹,这个文件里面的文件就是test-component组件所需 阅读全文
posted @ 2017-08-20 20:51 寻渝记 阅读(600) 评论(0) 推荐(0)
摘要:1 angular架构 1.1 组件:是angular应用的基本构建模块,可以理解为一段带有业务逻辑和数据的HTML 1.2 服务:用来封装可重用的业务逻辑 1.3 指令:允许你想HTML元素添加自定义功能 1.4 模块:将应用中的不同部分组织成一个angular框架可以理解的单元 1.5 组件+服 阅读全文
posted @ 2017-08-05 20:47 寻渝记 阅读(522) 评论(0) 推荐(0)
摘要:一、组件从外部接收值 1 修改组件的ts文件,让组件的属性可以从外部接收值 1.1 导入Input注解对象 1.2 在属性变量前面添加 @Input() 注解 1.3 去掉构造器中的属性变量赋值语句 2 为标签组件添加一个输入属性 注入:因为我们的组件是放在静态模板中的,所以需要到静态模板中去修改标 阅读全文
posted @ 2017-07-27 14:23 寻渝记 阅读(996) 评论(0) 推荐(0)
摘要:准备:已经搭建好angular-cli环境、知道如何创建组件 一、将一个数据添加到组件中 1 创建一个新的组件 user-item 2 将组件添加到静态模板中 3 为组件添加属性,并利用构造器赋值 4 修改组件的模板 在模板中显示属性的值 格式 {{属性名}} 5 打开HTTP服务,刷新浏览器 二、 阅读全文
posted @ 2017-07-27 10:45 寻渝记 阅读(615) 评论(0) 推荐(1)
摘要:利用angular-cli的常见命令: npm i --save 包名 -> 软件依赖 npm i --save-dev 包名 -> 开发依赖 ng new 项目名 -> 创建新项目 ng build -prod -> 生产环境编译 ng serve -> 启动开发服务器 ng new 项目名 -- 阅读全文
posted @ 2017-07-26 23:16 寻渝记 阅读(705) 评论(0) 推荐(0)
摘要:搭建angular开发环境 一、下载并安装node 官网地址:点击前往 二、利用npm安装cnpm 安装好node后就可以使用npm命令啦 查看版本:npm -v 安装cnpm:npm install -g cnpm –-registry=https://registry.npm.taobao.or 阅读全文
posted @ 2017-07-24 17:53 寻渝记 阅读(538) 评论(0) 推荐(0)