當前位置: 首頁>>代碼示例>>TypeScript>>正文


TypeScript core.Renderer類代碼示例

本文整理匯總了TypeScript中@angular/core.Renderer的典型用法代碼示例。如果您正苦於以下問題:TypeScript Renderer類的具體用法?TypeScript Renderer怎麽用?TypeScript Renderer使用的例子?那麽, 這裏精選的類代碼示例或許可以為您提供幫助。


在下文中一共展示了Renderer類的10個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: constructor

 constructor(el: ElementRef, renderer: Renderer) {
   renderer.setElementStyle(el.nativeElement, 'backgroundColor', 'yellow');
   renderer.setElementStyle(el.nativeElement, 'font-size', '2em');
 }
開發者ID:shardis,項目名稱:spring-angular2-starter,代碼行數:4,代碼來源:large.directive.ts

示例2: constructor

 constructor(renderer: Renderer, el: ElementRef) {
   renderer.setElementStyle(el.nativeElement, 'backgroundColor', 'gold');
   console.log(
     `* AppRoot highlight called for ${el.nativeElement.tagName}`);
 }
開發者ID:Dani723,項目名稱:angular.io,代碼行數:5,代碼來源:highlight.directive.ts

示例3: alignToElement

 /**
  * Calculates the styles from the provided element in order to align the ink-bar to that element.
  * @param element
  */
 alignToElement(element: HTMLElement) {
   this._renderer.setElementStyle(this._elementRef.nativeElement, 'left',
       this._getLeftPosition(element));
   this._renderer.setElementStyle(this._elementRef.nativeElement, 'width',
       this._getElementWidth(element));
 }
開發者ID:HimanshiGuptaa,項目名稱:material2,代碼行數:10,代碼來源:ink-bar.ts

示例4: onBlur

 onBlur() {
     this.renderer.setElementStyle(this.el.nativeElement, 'width', '120');
 }
開發者ID:jaykhimani,項目名稱:angular2-udemy,代碼行數:3,代碼來源:auto-grow.directive.ts

示例5: show

 /** Shows the ink bar. */
 show(): void {
   this._renderer.setElementStyle(this._elementRef.nativeElement, 'visibility', 'visible');
 }
開發者ID:CedricCazin,項目名稱:material2,代碼行數:4,代碼來源:ink-bar.ts

示例6:

 this.d.cssClass.split(' ').forEach(cssClass => {
   // Make sure the class isn't whitespace, otherwise it throws exceptions
   if (cssClass.trim() !== '') _renderer.setElementClass(_elementRef.nativeElement, cssClass, true);
 });
開發者ID:JackMj,項目名稱:ionic,代碼行數:4,代碼來源:alert-component.ts

示例7: onFocus

 public onFocus() : void {
     this.renderer.setElementStyle(this.el.nativeElement, 'width', '400px');
 }
開發者ID:squadwuschel,項目名稱:Angular2Introduction,代碼行數:3,代碼來源:autoGrow.directive.ts

示例8: focus

 focus(): void {
   this._renderer.invokeElementMethod(this._elementRef.nativeElement, 'focus');
 }
開發者ID:Nightapes,項目名稱:material2,代碼行數:3,代碼來源:menu-item.ts

示例9:

 _setCssClass(componentRef: any, className: string) {
   this._renderer.setElementClass(componentRef.location.nativeElement, className, true);
 }
開發者ID:aggarwalankush,項目名稱:ionic,代碼行數:3,代碼來源:modal-component.ts

示例10: setElementAttribute

 /** @private */
 setElementAttribute(attributeName: string, attributeValue: any) {
   this._renderer.setElementAttribute(this._elementRef.nativeElement, attributeName, attributeValue);
 }
開發者ID:BossKing,項目名稱:ionic,代碼行數:4,代碼來源:ion.ts


注:本文中的@angular/core.Renderer類示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台,相關代碼片段篩選自各路編程大神貢獻的開源項目,源碼版權歸原作者所有,傳播和使用請參考對應項目的License;未經允許,請勿轉載。