本文整理匯總了TypeScript中@angular/core.Renderer.invokeElementMethod方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript Renderer.invokeElementMethod方法的具體用法？TypeScript Renderer.invokeElementMethod怎麽用？TypeScript Renderer.invokeElementMethod使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類@angular/core.Renderer的用法示例。
在下文中一共展示了Renderer.invokeElementMethod方法的10個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: onBlur
onBlur($event) {
this.renderer.invokeElementMethod(this.elRef.nativeElement,
'dispatchEvent', [new CustomEvent('input-blur', {bubbles: true})]);
// or just
// el.dispatchEvent(new CustomEvent('input-blur', { bubbles: true }));
// if you don't care about webworker compatibility
}示例2: ngAfterViewInit
public ngAfterViewInit():void {
var inputs = this.element.nativeElement.getElementsByTagName('input');
if (inputs.length > 0) {
var firstInput = inputs[0];
this.renderer.invokeElementMethod(firstInput, 'focus', []);
}
}示例3: ngAfterViewInit
ngAfterViewInit() {
this.renderer.invokeElementMethod(this.input.el.nativeElement,'focus', null );
this.inputs.forEach((inputDir:InputDir,i)=>{
inputDir.el.nativeElement.value = i;
})
console.log('Focus on the Input');
}示例4: onMouseEnter
onMouseEnter()
{
if (this._isactive)
{
this._highlight("red");
let validationMessage = '<div id="' + this._key + '">' + this._validationMessage + '</div>';
this.renderer.invokeElementMethod(
this._nativeel, 'insertAdjacentHTML', ['afterend', validationMessage]);
//this._nativeel.insertAdjacentText('afterend',validationMessage);
}
}示例5: ngAfterViewInit
ngAfterViewInit(): void {
this.positionPopover();
this.cdr.detectChanges();
let focusButton: ElementRef;
if (this.options.focusButton === 'confirm') {
focusButton = this.confirmButton;
} else if (this.options.focusButton === 'cancel') {
focusButton = this.cancelButton;
}
if (focusButton) {
this.renderer.invokeElementMethod(focusButton.nativeElement, 'focus', []);
}
}示例6: ngAfterViewInit
// Focus to element: if value 0 = don't set focus, 1 = set only focus, 2 = set focus and set cursor position
ngAfterViewInit() {
// if (this.value === "0") {
// return;
// }
this.renderer.invokeElementMethod(this.el.nativeElement, 'focus', []);
// // Set cursor position at the end of text if input element
// if (this.value === "2") {
// let len = this.el.nativeElement.value.length;
// this.el.nativeElement.setSelectionRange(len, len);
// }
}示例7:
.then((cmpRef: any) => {
if (dialog.inElement) {
this._renderer.invokeElementMethod(
viewContainer.element.nativeElement,
'appendChild',
[cmpRef.hostView.rootNodes[0]]
);
} else {
document.body.appendChild(cmpRef.hostView.rootNodes[0]);
}
dialog.destroy = () => cmpRef.destroy();
return dialog;
});示例8: ngAfterViewInit
// Focus to element: if value 0 = don't set focus, 1 = set only focus
ngAfterViewInit() {
if (this.value === "0") {
return;
}
this.renderer.invokeElementMethod(this.el.nativeElement, "focus", []);
}示例9: ngAfterViewInit
ngAfterViewInit() {
if (this.elementRef.nativeElement.querySelector('#password') != null) {
this.renderer.invokeElementMethod(this.elementRef.nativeElement.querySelector('#password'), 'focus', []);
}
}示例10: setFocus
setFocus() {
if(this.focus && this.oElement) {
this.oRenderer.invokeElementMethod(this.oElement.nativeElement, 'select', []);
this.oRenderer.invokeElementMethod(this.oElement.nativeElement, 'focus', []);
}
}