923d90bce8
Major changes: - `compiler.compileRoot(el, type)` -> `compiler.compileInHost(type) + viewHydrator.hydrateHostViewInPlace(el, view)` - move all `hydrate`/`dehydrate` methods out of `View` and `ViewContainer` into a standalone class `view_hydrator` as private methods and provide new public methods dedicated to the individual use cases. Note: This PR does not change the current functionality, only moves it into different places. See design discussion in #1351, in preparation for imperative views.
79 lines
2.9 KiB
JavaScript
79 lines
2.9 KiB
JavaScript
import {DOM} from 'angular2/src/dom/dom_adapter';
|
|
import {ListWrapper, MapWrapper, Map, StringMapWrapper, List} from 'angular2/src/facade/collection';
|
|
import {int, isPresent, isBlank, BaseException} from 'angular2/src/facade/lang';
|
|
|
|
import {ViewContainer} from './view_container';
|
|
import {RenderProtoView} from './proto_view';
|
|
import {LightDom} from '../shadow_dom/light_dom';
|
|
import {Content} from '../shadow_dom/content_tag';
|
|
|
|
// import {EventDispatcher} from '../../api';
|
|
|
|
const NG_BINDING_CLASS = 'ng-binding';
|
|
|
|
/**
|
|
* Const of making objects: http://jsperf.com/instantiate-size-of-object
|
|
*/
|
|
export class RenderView {
|
|
boundElements:List;
|
|
boundTextNodes:List;
|
|
/// When the view is part of render tree, the DocumentFragment is empty, which is why we need
|
|
/// to keep track of the nodes.
|
|
rootNodes:List;
|
|
// TODO(tbosch): move componentChildViews, viewContainers, contentTags, lightDoms into
|
|
// a single array with records inside
|
|
componentChildViews: List<RenderView>;
|
|
viewContainers: List<ViewContainer>;
|
|
contentTags: List<Content>;
|
|
lightDoms: List<LightDom>;
|
|
proto: RenderProtoView;
|
|
hydrated: boolean;
|
|
_eventDispatcher: any/*EventDispatcher*/;
|
|
eventHandlerRemovers: List<Function>;
|
|
|
|
constructor(
|
|
proto:RenderProtoView, rootNodes:List,
|
|
boundTextNodes: List, boundElements:List, viewContainers:List, contentTags:List) {
|
|
this.proto = proto;
|
|
this.rootNodes = rootNodes;
|
|
this.boundTextNodes = boundTextNodes;
|
|
this.boundElements = boundElements;
|
|
this.viewContainers = viewContainers;
|
|
this.contentTags = contentTags;
|
|
this.lightDoms = ListWrapper.createFixedSize(boundElements.length);
|
|
ListWrapper.fill(this.lightDoms, null);
|
|
this.componentChildViews = ListWrapper.createFixedSize(boundElements.length);
|
|
this.hydrated = false;
|
|
this.eventHandlerRemovers = null;
|
|
}
|
|
|
|
setElementProperty(elementIndex:number, propertyName:string, value:any) {
|
|
var setter = MapWrapper.get(this.proto.elementBinders[elementIndex].propertySetters, propertyName);
|
|
setter(this.boundElements[elementIndex], value);
|
|
}
|
|
|
|
setText(textIndex:number, value:string) {
|
|
DOM.setText(this.boundTextNodes[textIndex], value);
|
|
}
|
|
|
|
getViewContainer(index:number):ViewContainer {
|
|
return this.viewContainers[index];
|
|
}
|
|
|
|
setEventDispatcher(dispatcher:any/*EventDispatcher*/) {
|
|
this._eventDispatcher = dispatcher;
|
|
}
|
|
|
|
dispatchEvent(elementIndex, eventName, event) {
|
|
if (isPresent(this._eventDispatcher)) {
|
|
var evalLocals = MapWrapper.create();
|
|
MapWrapper.set(evalLocals, '$event', event);
|
|
// TODO(tbosch): reenable this when we are parsing element properties
|
|
// out of action expressions
|
|
// var localValues = this.proto.elementBinders[elementIndex].eventLocals.eval(null, new Locals(null, evalLocals));
|
|
// this._eventDispatcher.dispatchEvent(elementIndex, eventName, localValues);
|
|
this._eventDispatcher.dispatchEvent(elementIndex, eventName, evalLocals);
|
|
}
|
|
}
|
|
}
|