UNPKG

angular2

Version:

Angular 2 - a web framework for modern web apps

74 lines (73 loc) 4.29 kB
import { ListWrapper } from 'angular2/src/facade/collection'; import { templateVisitAll } from '../template_ast'; import { bindRenderText, bindRenderInputs, bindDirectiveInputs, bindDirectiveHostProps } from './property_binder'; import { bindRenderOutputs, collectEventListeners, bindDirectiveOutputs } from './event_binder'; import { bindDirectiveAfterContentLifecycleCallbacks, bindDirectiveAfterViewLifecycleCallbacks, bindDirectiveDestroyLifecycleCallbacks, bindPipeDestroyLifecycleCallbacks, bindDirectiveDetectChangesLifecycleCallbacks } from './lifecycle_binder'; export function bindView(view, parsedTemplate) { var visitor = new ViewBinderVisitor(view); templateVisitAll(visitor, parsedTemplate); view.pipes.forEach((pipe) => { bindPipeDestroyLifecycleCallbacks(pipe.meta, pipe.instance, pipe.view); }); } class ViewBinderVisitor { constructor(view) { this.view = view; this._nodeIndex = 0; } visitBoundText(ast, parent) { var node = this.view.nodes[this._nodeIndex++]; bindRenderText(ast, node, this.view); return null; } visitText(ast, parent) { this._nodeIndex++; return null; } visitNgContent(ast, parent) { return null; } visitElement(ast, parent) { var compileElement = this.view.nodes[this._nodeIndex++]; var eventListeners = collectEventListeners(ast.outputs, ast.directives, compileElement); bindRenderInputs(ast.inputs, compileElement); bindRenderOutputs(eventListeners); ListWrapper.forEachWithIndex(ast.directives, (directiveAst, index) => { var directiveInstance = compileElement.directiveInstances[index]; bindDirectiveInputs(directiveAst, directiveInstance, compileElement); bindDirectiveDetectChangesLifecycleCallbacks(directiveAst, directiveInstance, compileElement); bindDirectiveHostProps(directiveAst, directiveInstance, compileElement); bindDirectiveOutputs(directiveAst, directiveInstance, eventListeners); }); templateVisitAll(this, ast.children, compileElement); // afterContent and afterView lifecycles need to be called bottom up // so that children are notified before parents ListWrapper.forEachWithIndex(ast.directives, (directiveAst, index) => { var directiveInstance = compileElement.directiveInstances[index]; bindDirectiveAfterContentLifecycleCallbacks(directiveAst.directive, directiveInstance, compileElement); bindDirectiveAfterViewLifecycleCallbacks(directiveAst.directive, directiveInstance, compileElement); bindDirectiveDestroyLifecycleCallbacks(directiveAst.directive, directiveInstance, compileElement); }); return null; } visitEmbeddedTemplate(ast, parent) { var compileElement = this.view.nodes[this._nodeIndex++]; var eventListeners = collectEventListeners(ast.outputs, ast.directives, compileElement); ListWrapper.forEachWithIndex(ast.directives, (directiveAst, index) => { var directiveInstance = compileElement.directiveInstances[index]; bindDirectiveInputs(directiveAst, directiveInstance, compileElement); bindDirectiveDetectChangesLifecycleCallbacks(directiveAst, directiveInstance, compileElement); bindDirectiveOutputs(directiveAst, directiveInstance, eventListeners); bindDirectiveAfterContentLifecycleCallbacks(directiveAst.directive, directiveInstance, compileElement); bindDirectiveAfterViewLifecycleCallbacks(directiveAst.directive, directiveInstance, compileElement); bindDirectiveDestroyLifecycleCallbacks(directiveAst.directive, directiveInstance, compileElement); }); bindView(compileElement.embeddedView, ast.children); return null; } visitAttr(ast, ctx) { return null; } visitDirective(ast, ctx) { return null; } visitEvent(ast, eventTargetAndNames) { return null; } visitReference(ast, ctx) { return null; } visitVariable(ast, ctx) { return null; } visitDirectiveProperty(ast, context) { return null; } visitElementProperty(ast, context) { return null; } }