hello-angular2-typescript Angular2与Web Components

hello-angular2-typescript 的示例项目,挺适合刚接触Angular2Web Components的朋友。它把Angular 组件和原生Custom Elements放在一起展示,对比用法一目了然。你可以看到,像@Component这种装饰器语法,在结构清晰的同时也跟 Web Components 打得火热。

项目结构还挺干净的,main.ts里引导 Angular 模块,Web Components 用原生customElements.define注册,想改哪块都方便。比起一大堆 CLI 工具堆出来的项目,这种轻量手撸的风格更适合学习。

想研究点周边内容,也可以看看这些扩展资料:比如angular2-sample里有更多实战例子,Webpack2 的搭建教程也有用,是你准备打包上线时。

对了,如果你对更完整的技术栈感兴趣,PEAP 项目挺值得一看,GraphQLJWTPostgreSQL一条龙全给你安排上。

建议你 clone 下来跑一跑,改改里面的组件试试看。你会发现,理解Angular的思维方式其实没那么难。如果你刚学 TypeScript,也会对泛型、接口这些概念更有感觉。

zip 文件大小:86.71KB