TypeScript Renderer.listen方法代码示例

  /**
   * On init if placeholder set wrap the form element
   * Attach a listener to keyup event
   */
  ngAfterViewInit() {
    this.nativeElem = this.elementRef.nativeElement;

    if (this.placeholder || this.staticText) {
      let parent = this.nativeElem.parentNode;
      parent.insertBefore(this.locationElement, this.nativeElem);
      this.locationElement.appendChild(this.nativeElem);
    }
    if (this.placeholder) {
      // append placeholder
      this.placeholderElement.innerHTML = this.placeholder;
      this.locationElement.appendChild(this.placeholderElement);

      this.renderer.listen(this.nativeElem, 'blur', () => { this.togglePlaceHolderVisibility(); });
      this.renderer.listen(this.nativeElem, 'focusout', () => { this.togglePlaceHolderVisibility(); });

      this.renderer.listen(this.nativeElem, 'focusin',
        () => { this.locationElement.classList.toggle(HAS_VALUE_CLASS, true); });
      this.renderer.listen(this.nativeElem, 'focus',
        () => { this.locationElement.classList.toggle(HAS_VALUE_CLASS, true); });

      /** run initial check */
      this.togglePlaceHolderVisibility();
    }
    if (this.staticText) {
      // append static text
      this.textElement.innerHTML = this.staticText;
      this.locationElement.appendChild(this.textElement);
      this.locationElement.classList.toggle(HAS_TEXT_CLASS, true);
    }
  }

  parsedTriggers.forEach((trigger: Trigger) => {
    if (trigger.open === trigger.close) {
      listeners.push(renderer.listen(target, trigger.open, toggleFn));
      return;
    }

    listeners.push(
      renderer.listen(target, trigger.open, showFn),
      renderer.listen(target, trigger.close, hideFn));
  });

 private _listen(renderer: Renderer, renderElement: any, eventName: string, unlistenId: number) {
   var unregisterCallback = renderer.listen(
       renderElement, eventName,
       (event: any /** TODO #9100 */) =>
           this._eventDispatcher.dispatchRenderEvent(renderElement, null, eventName, event));
   this._renderStore.store(unregisterCallback, unlistenId);
 }

  public ngAfterViewInit(): void {
    const cont = this.memeContainer.nativeElement;

    this._renderer.listen(cont, 'scroll', (event: any) => {
      if (cont.offsetHeight + cont.scrollTop >= cont.scrollHeight) {
        this._loadMemes(this._categoryId);
      }
    });
  }

 constructor(elementRef: ElementRef,
             renderer: Renderer,
             analyticsService: AnalyticsService) {
   let nativeElement = elementRef.nativeElement;
   renderer.listen(nativeElement, 'click', (event) => {
     let href = nativeElement.getAttribute('href');
     if (href)
       analyticsService.clickAuditEvent(href);
   });
 }

  parsedTriggers.forEach((trigger: Trigger) => {
    const useToggle = trigger.open === trigger.close;
    const showFn = useToggle ? options.toggle : options.show;

    if (!useToggle) {
      _registerHide.push(() => renderer.listen(target, trigger.close, options.hide));
    }

    listeners.push(renderer.listen(target, trigger.open, () => showFn(registerHide)));
  });

	ngAfterViewInit(){
		if (!this["control"])
			this.renderer.listen(
				this.input.nativeElement, 'keyup', (event) => { this.inputSliceSinControl(); });
		if(this.focus){
			let timer = Observable.timer(1);

			timer.subscribe( t => {
				this.input.nativeElement.focus();
			});
		}
	}

	ngOnInit() {
		this.globalClickCallbackFn = this.renderer.listen(this.elementRef.nativeElement, 'click', (event: any) => {
			console.log("全局监听点击事件>" + event);
		});

		this.translate.addLangs(["zh", "en"]);
		this.translate.setDefaultLang('zh');

		const browserLang = this.translate.getBrowserLang();
		console.log("检测到的浏览器语言>" + browserLang);
		this.translate.use(browserLang.match(/zh|en/) ? browserLang : 'zh');
	}

  constructor(
    public nav: NavController, 
    navParams: NavParams, 
    public sanitizer: DomSanitizer,
    public modalCtrl: ModalController,
    public renderer: Renderer,
    elementRef: ElementRef
    ) {
    // If we navigated to this page, we will have an item available as a nav param
    this.selectedItem = navParams.get('item');

    this.content = sanitizer.bypassSecurityTrustHtml( this.selectedItem.content.rendered );

    // Listen for link clicks, open in in app browser
    this.listenFunc = renderer.listen(elementRef.nativeElement, 'click', (event) => {
      if( event.target.href && event.target.href.indexOf('http') >= 0 ) {
        event.preventDefault();
        window.open( event.target.href, '_blank' );
      }
    });

  }

	// I put the directive into a ready / default state where all we're doing is
	// listening to see if the target element intends to be dragged.
	private enterReadyState() : void {

		// In the ready state, all we need to do is listen for the mousedown event on 
		// the target element. Such a mousedown could indicate an intent to drag.
		var unbindMousedown = this.renderer.listen( 
			this.elementRef.nativeElement,
			"mousedown",
			( event: MouseEvent ) : void => {

				// Store the location and position of the mouse and element so that we
				// can start to calculate the delta in the next state.
				this.initialMouseLocation.x = event.pageX;
				this.initialMouseLocation.y = event.pageY;
				this.initialElementPosition = this.getElementPosition( this.elementRef.nativeElement );

				// Teardown the ready state and move to the pre-drag state.
				unbindMousedown();
				this.enterPreDragState();

			}
		);

	}