使用Angular框架的项目小结

实现内容

本次主要是实现能够注册登录并具有评论功能的简易博客 。主要实现了文章列表页及拉取文章并显示的功能。

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所以很多东西都要去摸索，不过这样也学到了不少前端开发的东西。也感谢队友没有放弃我这样一条咸鱼。