亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

為什么這個函數沒有運行?

為什么這個函數沒有運行?

慕雪6442864 2022-12-09 16:59:50
請原諒這里的任何關鍵術語錯誤。盡管我的英語很好,但我還是用我的母語學習了編程。我有一個使用 Bootstrap 運行最新版本 Angular 的項目。我不知道這在這里是否有所作為,我真的很困惑。我的組件中有兩個獨立的模態。其中之一包括一個用于將一些數據注冊到我的數據庫的表單,并且有一個按鈕綁定了一個函數以保存所有數據。它看起來像這樣:<div class="modal fade" id="addTaskModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"  aria-hidden="true">  <div class="modal-dialog">    <div class="modal-content">      <div class="modal-header">        <h5 class="modal-title" id="exampleModalLabel">Submit a new task</h5>        <button type="button" class="close" data-dismiss="modal" aria-label="Close">          <span aria-hidden="true">&times;</span>        </button>      </div>      <div class="modal-body">        <form [formGroup]="taskForm" class="form-group">           <!-- Form data and whatnot is in here -->        </form>      </div>      <div class="modal-footer">        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>        <input type="button" value="Submit Task" class="btn btn-primary" (onclick)="submitTask()">           <!-- ^^ This button is not running correctly -->      </div>    </div>  </div></div>我的打字稿看起來像這樣  submitTask() {    console.log("test");  }它甚至不會登錄到控制臺。通常當我調用一個沒有在我的打字稿組件中聲明的函數時,頁面不會呈現并返回一個錯誤,這很好。我嘗試將函數的名稱更改為不存在的名稱,但出于某種原因我沒有收到錯誤。我的 VS Code 控制臺出現錯誤,但頁面仍然呈現并且工作正常。我做錯了什么是顯而易見的嗎?或者只是我不能在一個頁面上有兩個模式,盡管那根本沒有意義?
查看完整描述

2 回答

?
哆啦的時光機

TA貢獻1779條經驗 獲得超6個贊

你不在onAngular 組件中使用前綴。所以它看起來像這樣(簡化):

<button class="btn btn-primary" (click)="submitTask()">Submit Task</button>

關于事件綁定的文檔:https ://angular.io/guide/event-binding


查看完整回答
反對 回復 2022-12-09
?
函數式編程

TA貢獻1807條經驗 獲得超9個贊

<input type="button" value="Submit Task" class="btn btn-primary" (onclick)="submitTask()">

去掉onclick之間的括號,改成on-click,<input on-click="submitTask()">.

或者,做(click)="submitTask()"

<button class="btn btn-primary" (click)="submitTask()">Submit Task</button>

請參閱事件綁定文檔


查看完整回答
反對 回復 2022-12-09
  • 2 回答
  • 0 關注
  • 113 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號