实现内容
本次主要是实现能够注册登录并具有评论功能的简易博客 。主要实现了文章列表页及拉取文章并显示的功能。
Angular学习心得
什么是Angular框架
- AngularJS 是一个 JavaScript 框架。他可以通过 < script> 标签添加到html页面中。
- AngularJS 把应用程序数据绑定到 HTML 元素。
- AngularJS 可以克隆和重复 HTML 元素。
- AngularJS 可以隐藏和显示 HTML 元素。
- AngularJS 可以在 HTML 元素"背后"添加代码。
- AngularJS 支持输入验证。
- AngularJS 通过 ng-directives 扩展了 HTML。
- ng-app 指令定义一个 AngularJS 应用程序
- ng-model 指令把元素值(比如输入域的值)绑定到应用程序。
- ng-bind 指令把应用程序数据绑定到 HTML 视图。
自己的心得
一个Angular组件的组成根据种类的不同分为HTML/CSS/TypeScript三部分,这里TypeScript其实就相当于普通web实现的JavaScript部分;根据其用途又可以分成模块,组件和服务。
- 模块(Module)说起来可以算作一个行李箱,他将组件和服务以及其他模块打包起来提供给别人使用。模块通过declarations放好组件,imports导入其他模块,providers用来引入各种service。
- 组件(Component)则是负责控制视图。它通过由属性和方法组成的API与视图交互。这里还需要提到模板,也就是html,组件通过控制模板也就形成了我们所看到的的视图,然后还有元数据,这个其实就是把模板和组件关联起来。
- 服务(Service)则负责除了视图有关功能的其他功能的实现,诸如从服务器获取数据,验证用户输入或者直接往控制台中写日志等功能,然后将这些功能提供给组件使用。而组件要使用服务就需要依赖注入了,当创建组件时,在构造函数中来表明自身依赖的服务,就像这样:
constructor(private service: HeroService) { }
,这样便会去检查注入器是否有该服务的现有实例,如果没有那么注入器就会创建这个实例,然后吧该服务返回给Angular。
总结
实现的时候比较匆忙,而且由于之前没接触过Angular所以很多东西都要去摸索,不过这样也学到了不少前端开发的东西。也感谢队友没有放弃我这样一条咸鱼。