erciyuan_nuonuo的博客

angular2的表单主要用到了ngForm，ngModel，ngSubmitngSubmit对应的函数是我们提交表单调用的函数angular2通过ngForm将按钮的禁用/启用状态和表单的有效性关联起来#loginForm、#username和#userpwd都是angular2中的模板引用变量；#username和#userpwd可以监控input输入框的状态，#loginForm可以用来监控表

作为一名前端er，我们的数据要推入到视图中，但是HTML视图中显示的格式和数据未必完成相同，比如我们的数据都是小写，但是视图中需要显示大写，如果我们在代码中另存一组转换为大写的数据，不但会使代码变得复杂难以维护，而且可阅读性差，ng2中的管道完美的解决了这个问题。ng2内置了很多管道，比如DatePipe 、 UpperCasePipe 、 LowerCasePipe 、 CurrencyPipe

angular2支持双向绑定，在使用select下拉框主要通过ngModel和ngModelChange实现选择事件比如现在有三个学生小明，小红，小黑，对双向绑定的student设置你想要的select值就可以在下拉框默认选中let students:string[]=['xiaoming','xiaohong','xiaohei'];let student:string='';let info

http://www.jianshu.com/p/e2c37c24e871 （转战简书）

http://www.jianshu.com/p/f0abac50c6b6

为什么需要编译Angular应用中包含的组件、HTML模板（比如：@Directive、@Component、@NgModule、@Pipe）很多都是JS VM无法解析的，所以在浏览器渲染应用之前，组件和模板必须要被Angular编译器转换为可以执行的JavaScript。angular2编译模式在 Angular 2 中有两种编译模式： - JIT - Just-In-Time - AOT

随着前端技术的发展和迭代，前端MVC框架应运而生。利用目前主流的前端框架，如angular react vue等等，我们可以轻松的构建起一个无需服务器端渲染就可以展示的网站，同时这类框架都提供了前端路由功能，后台可以不再控制路由的跳转，将原本属于前端的业务逻辑全部丢给前端。什么是路由简单举例说明，假如我们有一台提供 Web 服务的服务器的网络地址是：10.0.0.1，而该 Web 服务又提供了三个

造成这个问题一般是因为我们在<form>表单中使用<button>时忘记添加type属性，在表单中，如果忘记给按钮添加属性，会默认为submit<button (click)="toDetail()">detail</button>toDetail() { this._router.navigate(['/detail']);}解决方法： 1.添加type<button type="bu

进入vscode官网（https://code.visualstudio.com/Download），点击zip下载 2.下载后解压zip包，打开code.exe即可3.vscode相关插件可以从 https://marketplace.visualstudio.com/VSCode下载

interface HostListener { eventName : string // html dom 事件 args : string[] // 传入参数，可以是event对象等 } api介绍： https://angular.cn/docs/ts/latest/api/core/index/HostListener-interface.html适用于属性型指令，将dom事

property：dom元素作为对象附加的内容，例如childNodes、firstChild等 attribute：HTML标签特性是dom节点自带的属性异同： 1 . 部分属性既属于property，又属于attribute，比如id 2 . attribute初始化后不会再改变；property默认值为初始值，会随着dom更新所以在angular2中双向绑定实现是由dom的propert

navigate是Router类的一个方法，主要用来跳转路由。 函数定义：navigate(commands: any[], extras?: NavigationExtras) : Promise`<boolean>`interface **NavigationExtras** { relativeTo : ActivatedRoute queryParams : Params fr

在angular2中，这个错误只会在dev开发模式下出现，在pro发布版本中不会出现，通过enableProdMode()可以控制 在组件中增加这段代码可以去掉这个检查，但是不建议这么做。import {enableProdMode} from '@angular/core';enableProdMode();在dev模式下，额外增加了一次变化检测，在第一轮变化检测周期结束后，会立即进行第二轮变

Angular2 小白笔记首先介绍下本人背景，一个刚毕业没多久的前端小白，入职后一直负责C项目的维护，没有写过JS代码，也不懂DOM层那些深奥的内容，读研期间曾经搞过一段时间C#，今年开始接触前端，看到TYPESCRIPT的时候感觉特别亲切，没有对TS和C#进行过详细的比较，感觉两门语言很像（据说都是大神ANDERS HEJLSBERG开发的），所以觉得C#和JAVA的程序员上手TS应该不难。目前学

html中单选框用法如下，checked用来选中默认的单选项：<input type="radio" name="sex" value="male" checked>Male<input type="radio" name="sex" value="female">Female如果使用[(ngModel)]绑定后，checked就不再生效，此时默认选中项与绑定的sex值相关,设置ngmodel绑

最近项目非常急，需要用到可编辑的select，jquery应该有很多插件，但是boss要求尽量不要在ng2中直接使用jquery，不要直接使用jquery操作dom。其实github上已经有ng2可用的库primeng对于一个初入前端的我来说短时间内研究明白primeng有点困难，于是我就取巧用了个交互不是很好的方法实现了这个功能，使用ngModel对input和select绑定同一个变量，就实现了

HTML5中新增了<datalist>标签，它可以为 <input> 指定预定义选项列表，在使用时<input> 元素的 list 属性必须引用 <datalist> 元素的 id 属性才能生效。<datalist>是HTML5的属性，所以只能在支持H5的浏览器中使用。用户在他们输入数据时会看到预定义选项的下拉列表，由于<datalist>自带搜索功能，所以使用时想看到所有下拉选项必须清空<inpu

https://www.jianshu.com/p/6221e4eee4a5