我正在嘗試撰寫一個登錄/注冊表單，用戶可以在其中在兩種形式之間切換（一次只顯示一個）。我使用一個簡單的按鈕來感知變化。我把它寫在一個簡單的 html 檔案中，它可以作業。現在我已經復制到我的 Angular 專案并且沒有任何反應。
首先，我嘗試了這個（它在 html 檔案中）：
<script>
function showlogin() {
document.querySelector('#login').classList.remove("d-none");
document.querySelector('#register').classList.add("d-none");
}
function showregister() {
document.querySelector('#login').classList.add("d-none");
document.querySelector('#register').classList.remove("d-none");
}
</script>
但后來我收到一條錯誤訊息，指出“屬性‘showregister’不存在”。所以我從 html 檔案中洗掉代碼并將其粘貼到 typescript 檔案中。現在我收到一個新錯誤“物件可能是‘空’。 ”
為什么物件為空？我該怎么做才能訪問按鈕和功能？
我非常感謝任何幫助
uj5u.com熱心網友回復：
使用 Angular 方式！
代碼隱藏：
loginVisible: boolean = true;
...
function showLogin() {
loginVisible = true;
}
function showRegister() {
loginVisible = false;
}
和 html 部分：
<div *ngIf="loginVisible">Login Data</div>
<div *ngIf="!loginVisible">Register Data</div>
這是一個簡單的 Stackblitz 示例。
ngIf 只會在條件為真時渲染組件。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/537234.html
下一篇：錯誤的請求而不是訊息