angular
四分之一工程师
这个作者很懒,什么都没留下…
展开
-
Angular 组件之间数据的传递 之 @Input @Output
1. App组件中包含children组件,那么从App组件向children组件传递数据,如图:1.1 在children组件中,导入Input,然后用@Input() 修饰一个item属性。1.2 在App组件的html中将children组件的item属性赋值。这样App组件就会通过children组件的item属性给其赋值。2. App组件中包含childr原创 2018-01-11 09:21:20 · 1011 阅读 · 0 评论 -
angular package.json依赖管理dependencies中 ^ 和 ~ 的区别
~的意思是匹配最近的小版本 比如~4.0.2将会匹配所有的4.0.x版本,但不匹配4.1.0^的意思是最近的一个大版本 比如4.0.2 将会匹配 所有 4.x.x, 但不包括5.x.x原创 2018-05-14 11:53:25 · 2094 阅读 · 1 评论 -
Angular 去掉url中的#号,并解决页面刷新404问题
1. 为什么要去除?Angular官方指出:如果没有足够使用hash风格(#)的理由,还是尽量使用HTML5模式的路由风格;如果配置了hash风格,在微信支付或是Angular的深路径依然会出404的问题;当你需要使用GA等工具时,由于无法获取#号后的URL,导致每次路由切换都给其发送一个路径;'#'有点丑。2. 怎样才能去除?有四个方法:前端 + ngx前端 + Apache前端 + Tomca...转载 2018-03-30 13:49:15 · 9432 阅读 · 0 评论 -
angular 启动过程
NgModule 用于描述应用的各个部分如何组织在一起。 每个应用又至少一个 Angular 模块,根模块就是你用来启动此应用的模块。 按照惯例,它通常命名为 AppModule。如果你使用 CLI 来生成一个应用,其默认的 AppModule 是这样的:import { BrowserModule } from '@angular/platform-browser';import { NgMo...原创 2018-03-19 20:38:05 · 390 阅读 · 0 评论 -
angular 组件生命周期
(红色方法是用来检测变化)ngOnChanges()当Angular(重新)设置数据绑定输入属性时响应。 该方法接受当前和上一属性值的SimpleChanges对象当被绑定的输入属性的值发生变化时调用,首次调用一定会发生在ngOnInit()之前。ngOnInit()在Angular第一次显示数据绑定和设置指令/组件的输入属性之后,初始化指令/组件。在第一轮ngOnChanges()完成之后调用,...原创 2018-03-12 19:48:31 · 660 阅读 · 0 评论 -
angular 数据绑定的四种形式
<div> <li>{{hero.name}}</li><app-hero-detail [hero]="selectedHero"></app-hero-detail><li (click)="selectHero(hero)"></li></div原创 2018-03-12 19:43:14 · 1195 阅读 · 0 评论 -
angular 用户输入
绑定到用户的输入事件:你可以使用 Angular 事件绑定机制来响应任何 DOM 事件。 许多 DOM 事件是由用户输入触发的。绑定这些事件可以获取用户输入。$event对象的属性取决于 DOM 事件的类型。例如,鼠标事件与输入框编辑事件包含了不同的信息。所有标准 DOM 事件对象都有一个target属性, 引用触发该事件的元素。 在本例中,target是<input>元素, even...原创 2018-03-17 16:46:33 · 246 阅读 · 0 评论 -
angular 创建一个简单的属性型指令 (动态获取DOM元素size,对DOM样式进行改变)
一. 在 Angular 中有三种类型的指令:1. 组件 — 拥有模板的指令2. 结构型指令 — 通过添加和移除 DOM 元素改变 DOM 布局的指令3. 属性型指令 — 改变元素、组件或其它指令的外观和行为的指令。本章主要想介绍一下属性型指令并创建一个简单的属性型指令,属性型指令:指修改一个现有元素的外观和行为。在模板中,它们看起来就像是标准的HTML属性。例如:ngModel指令就是属性型指令...原创 2018-03-15 11:22:49 · 3828 阅读 · 0 评论 -
Mac上搭建你的第一个Angular Web应用
1.首先你需要安装一个Node.js,安装的方式有很多,请参考Node.js官网(http://nodejs.org/download)2.安装完Node.js,接着安装TypeScript,请运行下列npm命令:npm install -g typescript3.然后安装angular-cli,Angular提供了一个命令行工具angular-cli,它能让用户通过命令行创建和管理原创 2018-01-04 22:04:34 · 4319 阅读 · 0 评论 -
angular package.json文件中 dependencies与devDependencies之间的区别
首先是:–save-dev 和 –save 的区别我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里面去,比如:–save-dev 安装的 插件,被写入到 devDependencies 对象里面去–save 安装的 插件 ,被写入到 dependencies 对象里面去package.json 文件里面的 devDependencie...转载 2018-05-14 12:10:12 · 1496 阅读 · 0 评论