angularjs 1.6.x 教程学习心得

依赖注入

依赖注入是angularJs的核心。
应用启动时，angular会创建一个injector，它会寻找并注入所有应用需要的服务(必须先被正确的定义)(延迟实例化，lazily instantiate)。

providers

Providers are objects that provide (create) instances of services and expose configuration APIs, that can be used to control the creation and runtime behavior of a service.

Providers can only be injected into config functions. Thus you could not inject $routeProvider into PhoneListController at runtime.

在多个模块中多次声明同一个依赖并不会导致额外的开销，同一个依赖只会被加载一次。

component

可以将常用的模板和控制器组合成component，angularjs会为每个component创建独立的scope。

angular.
  module('myApp').
  component('greetUser', {
    template: 'Hello, {{$ctrl.user}}!',
    controller: function GreetUserController() {
      this.user = 'world';
    }
  });
  //每当使用<greet-user></greet-user>时,AngularJS会将其扩展为使用对应模板和控制器的DOM结构。
  //注意其中的$ctrl，是默认得到控制器别名，将值赋给控制器实例比直接赋给scope要好
  //使用component之后可读性明显增加了，比使用一堆dom元素好多了

组织代码

为了代码复用以及方便维护，应该将每个实体/功能(feature/entity)都放在独立的文件中:独立的控制器，component。

templateUrl

读取模板时会进行HTTP请求这个模板

测试

端到端测试(E2E tests)使用protractor.
单元测试使用karma
测试编写非常方便