依赖注入
依赖注入是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
测试编写非常方便