本文整理汇总了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');
}示例2: constructor
constructor(renderer: Renderer, el: ElementRef) {
renderer.setElementStyle(el.nativeElement, 'backgroundColor', 'gold');
console.log(
`* AppRoot highlight called for ${el.nativeElement.tagName}`);
}示例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));
}示例4: onBlur
onBlur() {
this.renderer.setElementStyle(this.el.nativeElement, 'width', '120');
}示例5: show
/** Shows the ink bar. */
show(): void {
this._renderer.setElementStyle(this._elementRef.nativeElement, 'visibility', 'visible');
}示例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);
});示例7: onFocus
public onFocus() : void {
this.renderer.setElementStyle(this.el.nativeElement, 'width', '400px');
}示例8: focus
focus(): void {
this._renderer.invokeElementMethod(this._elementRef.nativeElement, 'focus');
}示例9:
_setCssClass(componentRef: any, className: string) {
this._renderer.setElementClass(componentRef.location.nativeElement, className, true);
}示例10: setElementAttribute
/** @private */
setElementAttribute(attributeName: string, attributeValue: any) {
this._renderer.setElementAttribute(this._elementRef.nativeElement, attributeName, attributeValue);
}