TypeScript DOM.remove方法代码示例

 processStyleElement(hostComponentId, templateUrl, styleEl) {
   var cssText = DOM.getText(styleEl);
   cssText = this.styleUrlResolver.resolveUrls(cssText, templateUrl);
   DOM.setText(styleEl, cssText);
   DOM.remove(styleEl);
   insertSharedStyleText(cssText, this.styleHost, styleEl);
   return null;
 }

  process(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 newParent = new CompileElement(DOM.createTemplate(''));
        newParent.inheritedProtoView = current.inheritedProtoView;
        newParent.inheritedElementBinder = current.inheritedElementBinder;
        newParent.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
        newParent.elementDescription = current.elementDescription;

        current.inheritedProtoView = newParent.bindElement().bindNestedProtoView(current.element);
        current.inheritedElementBinder = null;
        current.distanceToInheritedBinder = 0;
        current.isViewRoot = true;
        this._parseTemplateBindings(templateBindings, newParent);

        this._addParentElement(current.element, newParent.element);
        control.addParent(newParent);
        DOM.remove(current.element);
      }
    }
  }

 _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);
 }

 processStyleElement(hostComponentId, templateUrl, styleEl) {
   var cssText = DOM.getText(styleEl);
   cssText = this.styleUrlResolver.resolveUrls(cssText, templateUrl);
   var css = this.styleInliner.inlineImports(cssText, templateUrl);
   if (PromiseWrapper.isPromise(css)) {
     DOM.setText(styleEl, '');
     return css.then((css) => {
       css = shimCssForComponent(css, hostComponentId);
       DOM.setText(styleEl, css);
     });
   } else {
     css = shimCssForComponent(css, hostComponentId);
     DOM.setText(styleEl, css);
   }
   DOM.remove(styleEl);
   insertStyleElement(this.styleHost, styleEl);
   return null;
 }

 process(parent, current, control) {
   var attrs = current.attrs();
   var templateBindings = MapWrapper.get(attrs, 'template');
   var hasTemplateBinding = isPresent(templateBindings);
   MapWrapper.forEach(attrs, (attrValue, attrName) => {
     if (StringWrapper.startsWith(attrName, '*')) {
       var key = StringWrapper.substring(attrName, 1);
       if (hasTemplateBinding) {
         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.elementDescription = current.elementDescription;
         viewRoot.isViewRoot = true;
         this._moveChildNodes(DOM.content(current.element), DOM.content(viewRoot.element));
         control.addChild(viewRoot);
       }
     }
     if (hasTemplateBinding) {
       var newParent = new CompileElement(DOM.createTemplate(''));
       newParent.inheritedProtoView = current.inheritedProtoView;
       newParent.inheritedElementBinder = current.inheritedElementBinder;
       newParent.distanceToInheritedBinder = current.distanceToInheritedBinder;
       newParent.elementDescription = current.elementDescription;
       current.inheritedProtoView = newParent.bindElement().bindNestedProtoView(current.element);
       current.inheritedElementBinder = null;
       current.distanceToInheritedBinder = 0;
       current.isViewRoot = true;
       this._parseTemplateBindings(templateBindings, newParent);
       this._addParentElement(current.element, newParent.element);
       control.addParent(newParent);
       DOM.remove(current.element);
     }
   }
 }

  processStyleElement(hostComponentId: string, templateUrl: string, styleEl): Promise<any> {
    var cssText = DOM.getText(styleEl);

    cssText = this.styleUrlResolver.resolveUrls(cssText, templateUrl);
    var inlinedCss = this.styleInliner.inlineImports(cssText, templateUrl);

    if (isPresent(inlinedCss.asyncResult)) {
      DOM.setText(styleEl, '');
      return inlinedCss.asyncResult.then((css) => {
        css = shimCssForComponent(css, hostComponentId);
        DOM.setText(styleEl, css);
      });
    } else {
      var css = shimCssForComponent(inlinedCss.syncResult, hostComponentId);
      DOM.setText(styleEl, css);
      DOM.remove(styleEl);
      insertStyleElement(this.styleHost, styleEl);
      return null;
    }
  }

  _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);
  }

// Projects the light DOM into the shadow DOM
function redistributeNodes(contents: List<Content>, nodes: List</*node*/ any>) {
  for (var i = 0; i < contents.length; ++i) {
    var content = contents[i];
    var select = content.select;

    // Empty selector is identical to <content/>
    if (select.length === 0) {
      content.insert(ListWrapper.clone(nodes));
      ListWrapper.clear(nodes);
    } else {
      var matchSelector = (n) => DOM.elementMatches(n, select);
      var matchingNodes = ListWrapper.filter(nodes, matchSelector);
      content.insert(matchingNodes);
      ListWrapper.removeAll(nodes, matchingNodes);
    }
  }
  for (var i = 0; i < nodes.length; i++) {
    var node = nodes[i];
    if (isPresent(node.parentNode)) {
      DOM.remove(nodes[i]);
    }
  }
}

 _moveToStyleHost(styleEl): void {
   DOM.remove(styleEl);
   insertStyleElement(this.styleHost, styleEl);
 }