AngularJS2

好久没写什么东西了，最近在做一个ionic2的小东西，遇到了不少问题，也记录一下，避免后来的同学走弯路。 之前写过一篇使用VS2015开发ionic1的文章，但自己还没摸清门道，本来也是感兴趣就学习了一下。后来看到TypeScript，觉得这个真不错，强类型，有点类似c#的感觉，而且如果写错了编辑器都可以感知出来，于是就开始看ionic2。ionic2是基于angular2的，语法跟以前有了很大的变化。但自己写原生app写惯了，反而觉得这种方式更方便一些。每个页面都是一个组件，组件里也可以套组件，html标签都可以自定义，也就可以无限扩展。虽然ionic2和angular2都还没发布正式版，但手头的这个小东西用一下也未尝不可，就开始动工了。 先列一下学习资源： TypeScript中文手册，这个网站应该是官方团队的中国人搞的，非常好，我看到的时候已经把英文版看完了，记不清的时候会再来翻一下，地址： https://www.gitbook.com/book/zhongsp/typescript-handbook/details angular2中文手册，这个网站出来不久，对学习非常有帮助，找到的时候也是已经把英文版文档看了一半多了，而且这个网站好的地方是可以同时把中文和英文对照着看。地址： https://angular.cn/docs/ts/latest/quickstart

本文的实例中用到了 ng2-bootStrap ,是用Angular2和bootStrap开发的第三方Component。感兴趣的同学可以戳链接看看。 ###Component 自定义Component -在Angular2中使用@Component 注解在自定义组件： import {Component} from '@angular/core'; import {AlertComponent, DATEPICKER_DIRECTIVES} from 'ng2-bootstrap/ng2-bootstrap'; @Component({ selector: 'my-app', directives: [AlertComponent], templateUrl:'Demo.html' }) export class AppComponent { } 其中Demo.html就是一个html文件内容如下： <alert type="info">ng2-bootstrap hello world!</alert> 你就可以在你的index.html中使用<my-app></my-app> 截图如下： 2.@Component 的属性 在@Component中有几个比较常用的属性，上面的eg中出现了三个。 selector 相当与html的标签。 directives