我有一個帶路由器的角度專案。在組件的 ngOnInits 中，我想動態設定 aap 標簽值和 img 標簽 href。它適用于初始負載，但是當我更改路線時，值不會更改。呼叫了 ngOnInit 函式，但對兩個元素的編輯不起作用。
document.getElementById('discord-tag').innerHTML = username;
document.getElementById('profilePicture').setAttribute('src', image_url)
我的代碼很簡單。
我知道 ngOnInit 函式正在作業，因為我將一些 console.log 陳述句放在那里進行測驗，并且每次我單擊路由鏈接時它們都會運行。
uj5u.com熱心網友回復：
嘗試 ngAfterViewInit() 更改 2 個元素。
uj5u.com熱心網友回復：
在 Angular 中我們使用變數，直接操作 DOM 應該是最后的手段，如果沒有其他方法......但是，通常有一種“Angular 方式”來處理事情，這樣你就不需要操作 DOM直接地。話雖如此，在您的組件中有變數，您將其系結到模板，因此，無論您如何獲取這些值，請將它們分配給變數，在 OnInit 中，或在您擁有它們的適當位置...
image_url!: string;
username!: string;
ngOnInit() {
// doing stuff, getting the values... then:
this.username = 'valueHere';
this.image_url = 'valueHere';
}
然后在模板中使用這些：
<img [src]="image_url" />
<p>{{username}}</p>
正如評論中提到的，這些都是基本的東西，所以我強烈建議你查看 angular.io 上的教程。這是一個很好的教程，你一定會在那里學習基礎知識:) https://angular.io/tutorial
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/352516.html
標籤：javascript 有角的 打字稿