Let's create a new file named symbol_view.ts under the app/views directory. The SymbolView view receives the stock data formatted by the QuoteModel model through the mediator using the app.view.symbol.render event:
/// <reference path="../../framework/interfaces"/>
import { View, AppEvent,ViewSettings } from "../../framework/framework";
@ViewSettings("./source/app/templates/symbol.hbs", "#outlet")
class SymbolView extends View implements IView {
constructor(metiator : IMediator) {
super(metiator);
}This view is just like MarketView; it subscribes to some events using the initialize method, and later disposes of those events using the dispose method. The SymbolView view can also initialize and dispose of user events using the bindDomEvents and unbindDomEvents methods.
However, there is one significant difference between SymbolView and MarketView. After the promise returned by renderAsync has been fulfilled and the user events have been initialized...