1.Angular 2.0 中的变量 对输入值的获取,我们可以通过$event 来获取,也可以通过变量来获取. template: ` <input (keyup)="onKey($event)"> <p>{{values}}</p>` 即,当user 按下并释放 一个按钮是,就会触发keyup 事件,Angular在$event 变量提供一个相应的DOM事件对象, export class KeyUpComponent_v1 { values =…

对于Angular2.0 的Form表单中的隐藏和验证,个人觉得还是挺有意思的. 1.通过ngModel 跟踪修改状态与验证. 在表单中使用 ngModel 可以获得更多的控制权,包括一些常用的验证. ngModel 不仅仅可以跟踪状态(表单中各个控件的状态)还可以用特定的Angular CSS 类来更新控件,以表达当前的状态 (如显示和隐藏) ng-touched:控件已被访问过的css 类: ng-untouched 为没有被访问过的CSS 类 ng-dirty :控件值已经发生变化,ng-…

在属性绑定中,值从模型到屏幕上的目标属性 (property). 通过把属性名括在方括号中来标记出目标属性,[]. 这是从模型到视图的单向数据绑定. 而在事件绑定中,值是从屏幕上的目标属性 到 model.通过把属性名括在圆括号中来标记的 这个是 view 到 model 的反向数据绑定 而[()] 的组合来标记双向数据的绑定和数据流动. 就如同我们先用[ngModel]=“model.name”对其进行model 到 view 的数据绑定,然后再用ngModelChange 事件对视图的数据变…

最近在学习Angular2的使用,其实看过Angular2 文档的都知道,相比于之前的Angular1,Angular2 的改动还是挺大的. 而对于‘angular2 的本地开发环境的搭建的中,我们首先要在本地安装nodeJS 我们可以到官网上clone 一个quickstart 的demo(如果想按着官网上写的用git 命令去clone 一个项目文件,就要先安装一个git) 也可以自己新建 然后在node.js command prompt 中进入项目文件所在的文件路径 然后执行 npm in…

Hadoop的编程可以是在Linux环境或Winows环境中,在此以Windows环境为示例,以Eclipse工具为主(也可以用IDEA).网上也有很多开发的文章,在此也参考他们的内容只作简单的介绍和要点总结. Hadoop是一个强大的并行框架,它允许任务在其分布式集群上并行处理.但是编写.调试Hadoop程序都有很大难度.正因为如此,Hadoop的开发者开发出了Hadoop Eclipse插件,它在Hadoop的开发环境中嵌入了Eclipse,从而实现了开发环境的图形化,降低了编程难度.在安装…

Angular2.0的项目架构 一.项目服务端app a) Controller控制器 b) Router路由 c) Service服务 d) Public公共样式及脚本和图片等静态资源 e) View静态页面 f) Engine公共的配置文件及方法 g) Extend框架扩展 h) Middleware编写中间件 二.项目客户端src a) App i. App.component.ts 组件 1.baAmChart.component.ts 2.装饰器@Component({}) a) Se…

简介:0基础前端菜鸟,啃了将近半月前端VUE框架,对前端知识有了初步的了解.下面总结一下这段时间的学习心得. 文章结构 前端基础 Vue.js简介 Vue.js常用指令 Vue.js组件 Vue.js之vue-router插件 Vue.js实战 一.前端基础 前端发展历史和趋势 什么是前端? 前端:针对浏览器的开发,代码在浏览器运行. 后端:针对服务器的开发,代码在服务器运行. 发展历程: 前后端不分>后端MVC开发模式(前端是V)>Ajax技术诞生(异步通信,前端不再是后端的模板,可以独立得…

以下命令,都需要在命令行窗口中,先切入到项目文件夹目录,再执行 1.npm start 这个命令会在“监听”模式下运行TypeScript编译器,当代码变化时,它会自动重新编译. 同时,该命令还会在浏览器中启动该应用,并且当代码变化时刷新浏览器. 2.ng serve 运行web服务,(同时好像也能达到npm start的功能) 3.ctrl+c 是否终止web服务 4.npm install  <Module Name> ( 本地安装模块) 例: npm install express //…

参考资料: Angular2.0快速开始 AngularJS2 教程…

人一旦上了年纪,记忆力就变得越来越不好. 最近写了许多的博文,倒不是为了给谁看,而是方便自己来搜索,不然一下子又忘记了. 如果恰巧帮助到了你,也是我的荣幸~~~~~~~~~~~~ 废话不多说,看正题~~~~ 首先打开你的webstorm.这里插一句话,尽量保证你的webstorm是比较新的版本,在webstorm的右下角会有提示你更新的.因为就目前来看,我们的angualr2.0项目是采用typescript来编写的,而最新版本的webstorm都只能支持到typescript2.0.8,而ty…