對於一個應用來說，獲取數據的方法可以有很多，比如：Ajax, Websockets, LocalStorage, Indexdb, Service Workers，但是如何整合多種數據源、如何避免BUG、如何提高可維護性、如何提升應用的速度，這些卻又是需要解決的問題。MVC是經典的Web應用開發模式，但對於客戶端應用卻不太適合。針對這點又出現了一些其它的模式，比如MVW（Model-View-Whatever）雙向綁定模式、Flux、Observables等。
Angular1采用雙向綁定的方式，但到了Angular4，對於數據結構的選擇就非常靈活了，可以根據應用的場景自行決定。
一、Observables and RxJS
Observables方式屬於響應式編程（ReactiveProgramming），數據流是異步傳輸的，采用Observables方式需要導入RxJS庫。接下來通過一個聊天應用的實現了解Observables和RxJS。
a) 聊天應用整體來說包含三部分，聊天列表、對話框、未讀消息。相應地有三個Model、三個service。service維護數據流，數據流傳輸model，組件訂閱數據流並渲染界面。
userModel包含is,name, avatarSrc三個屬性；
threadModel包含的屬性有id, lastMessage, name, avatarSrc;
messageModel包含的屬性有 id, isRead, sentAt, anthor, text, thread.
b) UserService
創建的UsersService類需要標記為@Injectable，便於之后的注入。
import{ Subject, BehaviorSubject } from 'rxjs';
…
@Injectable()
exportclass UsersService {
currentUser: Subject<User> = newBehaviorSubject<User>(null);
public setCurrentUser(newUser: User): void {
this.currentUser.next(newUser);
}
}
currentUser是一個Subject 類型，接收了一個BehaviorSubject對象，Subject是可讀可寫的流，同時繼承了Observable和Observer。一般來說消息發送到流后，如果沒有被接收就會丟失，但可使用BehaviorSubject避免這個問題，BehaviorSubject會保存最后一次的值。
setCurrentUser()會通過Subject.next()將新的值送入流中。
c) MessageService
MessageService是這個應用的核心，所有的消息流都會經過這個Service。MessageService首先會包含三個“數據管理流”:newMessage發送新消息、messages發送最近消息的數組、update更新messages流。
update更新messages流時，采用操作流模式(Operation Stream Pattern)。
interfaceIMessagesOperation extends Function {
(messages: Message[]): Message[];
}
exportclass MessagesService {
updates: Subject<any> = newSubject<any>();
constructor() {
this.messages = this.updates
.scan((messages: Message[],
operation: IMessagesOperation)=> {
return operation(messages);
},
initialMessages).
.publishReplay(1)
.refCount();
傳入updates流中的是方法，這個方法的輸入和輸出都是message數組，為此定義接口IMessagesOperation，然后使用Subject.scan()。
流默認是不共享的，一次讀取后流中的數據就會消失，但這個應用中不少地方需要多次讀取流，比如最近消息，所以使用了publishReplay和refCount方法。publishReplay設置流可在多個訂閱者間共享，並可設置對新加入的訂閱者的滯后值。
學習資料：The Complete Book on Angular by Nate Murray, Felipe Coury, AriLerner , Carlos Taborda