我是 Angular 新手，遇到以下錯(cuò)誤：“openClose 未在 HTMLButtonElement.onclick (index:13) 中定義”我搜索了所有可能的答案，但問題是錯(cuò)誤出現(xiàn)在索引頁面中，而不是出現(xiàn)在任何應(yīng)用程序文件中。我將在這里粘貼我的代碼，希望有人知道該怎么做。應(yīng)用程序組件.html<button id="btn1" class="btn1" onclick="openClose(this, 'bg-modal')">Click me </button> <div class="bg-modal" id="bg-modal"> <div class="modal-content"> <div class="col-12"> <div class="close" id="close">+</div> <h2>Modal</h2> <hr> </div> <div class="col-12"> <div class="contents"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> </div> <div class="confirm" id="confirm">OK</div> </div> </div>應(yīng)用程序組件.tsimport { Component } from '@angular/core';@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css', './video-style.css']})export class AppComponent {}function openClose(btn1, bgmodal){ document.getElementById('.btn1').addEventListener('click', function(){ document.getElementById('.bg-modal').style.display='flex'; });}索引.html<!doctype html><html><head> <meta charset="utf-8"> <title>Modal</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"></head><body><app-root></app-root></body></html>我努力了：將 app.component.ts 中的代碼放在導(dǎo)出類 AppComponent {} 的括號(hào)之間在index.html中只留下將點(diǎn)擊代碼放入index.html 中的標(biāo)簽中，然后它會(huì)出現(xiàn) 0 錯(cuò)誤有人可以幫忙嗎？
3 回答
有只小跳蛙
TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超8個(gè)贊
事情應(yīng)該是這樣的。:
<button id="btn1" class="btn1" (click)="openClose($event, 'bg-modal')">Click me </button>
在 Component.ts 文件中。:
public openClose(event, bgmodal){
.... rest of code
}請(qǐng)注意：在 Angular 中不建議直接訪問 DOM 元素。
只是為了讓您的場(chǎng)景正常工作，添加 Stackblitz 演示：演示
慕桂英4014372
TA貢獻(xiàn)1871條經(jīng)驗(yàn) 獲得超13個(gè)贊
onclickat按鈕不能調(diào)用組件的函數(shù)，必須用javascript代碼調(diào)用，例如：onclick="console.log('sss')"
如果你想調(diào)用組件的功能：
.html:
<button id="btn1" class="btn1" (click)="openClose(this, 'bg-modal')">Click me </button>
.ts:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css',
'./video-style.css']
})
export class AppComponent {
openClose(btn1, bgmodal){
document.getElementById('.btn1').addEventListener('click', function(){
document.getElementById('.bg-modal').style.display='flex';
});
}
}
呼啦一陣風(fēng)
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超6個(gè)贊
如果您使用 Angular，您應(yīng)該提及您想要使用哪個(gè)事件。如果你想使用點(diǎn)擊事件那么你應(yīng)該這樣使用：
<button (click)="onSave()">Save</button>
因?yàn)榻嵌葲]有任何類似的事件
單擊時(shí)
- 3 回答
- 0 關(guān)注
- 137 瀏覽
添加回答
舉報(bào)
0/150
提交
取消