TypeScript DOM.insertBefore方法代码示例

 _processContentElement(current) {
   if (this._shadowDomStrategy.hasNativeContentElement()) {
     return ;
   }
   var attrs = current.attrs();
   var selector = MapWrapper.get(attrs, 'select');
   selector = isPresent(selector) ? selector : '';
   var contentStart = DOM.createScriptTag('type', 'ng/contentStart');
   if (assertionsEnabled()) {
     DOM.setAttribute(contentStart, 'select', selector);
   }
   var contentEnd = DOM.createScriptTag('type', 'ng/contentEnd');
   DOM.insertBefore(current.element, contentStart);
   DOM.insertBefore(current.element, contentEnd);
   DOM.remove(current.element);
   current.element = contentStart;
   current.bindElement().setContentTagSelector(selector);
 }

export function insertStyleElement(host, styleEl) {
  if (isBlank(_lastInsertedStyleEl)) {
    var firstChild = DOM.firstChild(host);
    if (isPresent(firstChild)) {
      DOM.insertBefore(firstChild, styleEl);
    } else {
      DOM.appendChild(host, styleEl);
    }
  } else {
    DOM.insertAfter(_lastInsertedStyleEl, styleEl);
  }
  _lastInsertedStyleEl = styleEl;
}

 nodes.forEach(node => {
   if (isBlank(lastInsertedNode)) {
     var firstChild = DOM.firstChild(parentNode);
     if (isPresent(firstChild)) {
       DOM.insertBefore(firstChild, node);
     } else {
       DOM.appendChild(parentNode, node);
     }
   } else {
     DOM.insertAfter(lastInsertedNode, node);
   }
   lastInsertedNode = node;
 });

  _processContentElement(current: CompileElement) {
    if (this._shadowDomStrategy.hasNativeContentElement()) {
      return;
    }
    var attrs = current.attrs();
    var selector = attrs.get('select');
    selector = isPresent(selector) ? selector : '';

    // The content tag should be replaced by a pair of marker tags (start & end).
    // The end marker creation is delayed to keep the number of elements constant.
    // Creating the end marker here would invalidate the parent's textNodeIndices for the subsequent
    // text nodes
    var contentStart = DOM.createScriptTag('type', 'ng/contentStart');
    if (assertionsEnabled()) {
      DOM.setAttribute(contentStart, 'select', selector);
    }
    DOM.insertBefore(current.element, contentStart);
    DOM.remove(current.element);

    current.element = contentStart;
    current.bindElement().setContentTagSelector(selector);
  }

 _addParentElement(currentElement, newParentElement) {
   DOM.insertBefore(currentElement, newParentElement);
   DOM.appendChild(newParentElement, currentElement);
 }

  processElement(parent: CompileElement, current: CompileElement, control: CompileControl) {
    var attrs = current.attrs();
    var templateBindings = attrs.get('template');
    var hasTemplateBinding = isPresent(templateBindings);

    // look for template shortcuts such as *ng-if="condition" and treat them as template="if
    // condition"
    MapWrapper.forEach(attrs, (attrValue, attrName) => {
      if (StringWrapper.startsWith(attrName, '*')) {
        var key = StringWrapper.substring(attrName, 1);  // remove the star
        if (hasTemplateBinding) {
          // 2nd template binding detected
          throw new BaseException(`Only one template directive per element is allowed: ` +
                                  `${templateBindings} and ${key} cannot be used simultaneously ` +
                                  `in ${current.elementDescription}`);
        } else {
          templateBindings = (attrValue.length == 0) ? key : key + ' ' + attrValue;
          hasTemplateBinding = true;
        }
      }
    });

    if (isPresent(parent)) {
      if (DOM.isTemplateElement(current.element)) {
        if (!current.isViewRoot) {
          var viewRoot = new CompileElement(DOM.createTemplate(''));
          viewRoot.inheritedProtoView = current.bindElement().bindNestedProtoView(viewRoot.element);
          // viewRoot doesn't appear in the original template, so we associate
          // the current element description to get a more meaningful message in case of error
          viewRoot.elementDescription = current.elementDescription;
          viewRoot.isViewRoot = true;

          this._moveChildNodes(DOM.content(current.element), DOM.content(viewRoot.element));
          control.addChild(viewRoot);
        }
      }
      if (hasTemplateBinding) {
        var anchor = new CompileElement(DOM.createTemplate(''));
        anchor.inheritedProtoView = current.inheritedProtoView;
        anchor.inheritedElementBinder = current.inheritedElementBinder;
        anchor.distanceToInheritedBinder = current.distanceToInheritedBinder;
        // newParent doesn't appear in the original template, so we associate
        // the current element description to get a more meaningful message in case of error
        anchor.elementDescription = current.elementDescription;

        var viewRoot = new CompileElement(DOM.createTemplate(''));
        viewRoot.inheritedProtoView = anchor.bindElement().bindNestedProtoView(viewRoot.element);
        // viewRoot doesn't appear in the original template, so we associate
        // the current element description to get a more meaningful message in case of error
        viewRoot.elementDescription = current.elementDescription;
        viewRoot.isViewRoot = true;

        current.inheritedProtoView = viewRoot.inheritedProtoView;
        current.inheritedElementBinder = null;
        current.distanceToInheritedBinder = 0;

        this._parseTemplateBindings(templateBindings, anchor);
        DOM.insertBefore(current.element, anchor.element);
        control.addParent(anchor);

        DOM.appendChild(DOM.content(viewRoot.element), current.element);
        control.addParent(viewRoot);
      }
    }
  }