溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
在Angular中，可以利用模板引用變量來獲取DOM元素，并進行一些操作。以下是一個示例：
#符號來定義：<input #myInput type="text">
<button (click)="setFocus()">Set Focus</button>
ViewChild裝飾器來獲取模板引用變量：import { Component, ViewChild, ElementRef } from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent {
@ViewChild('myInput') myInput: ElementRef;
setFocus() {
this.myInput.nativeElement.focus();
}
}
在這個例子中，點擊按鈕時會調用setFocus()方法，該方法會獲取模板引用變量myInput對應的DOM元素，并調用其focus()方法，從而將焦點設置在輸入框上。
通過這種方式，可以在Angular中利用模板引用變量進行DOM操作。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
