如何使用Angel/Jael将函数附加到onClick事件？

angel init my_project
cd my_project

doctype html
html
  head
    title Angel/Jael Example
    script(src: "/main.dart.js")
  body
    h1 Click the button
    button(onClick: "handleClick()") Click me

import 'dart:html';

void main() {
  // 查找按钮元素
  ButtonElement button = querySelector('button');

  // 将函数附加到 onClick 事件
  button.onClick.listen((Event e) {
    handleClick();
  });
}

// 定义处理点击事件的函数
void handleClick() {
  window.alert('Button clicked!');
}

import 'dart:io';
import 'package:angel_framework/angel_framework.dart';
import 'package:angel_static/angel_static.dart';
import 'package:angel_compress/angel_compress.dart';
import 'package:angel_jael/angel_jael.dart';
import 'package:file/local.dart';

void main() async {
  var app = Angel();
  var fs = LocalFileSystem();

  // 配置静态文件服务
  var vDir = CachingVirtualDirectory(app, fs, source: fs.directory('web'));

  // 配置 Jael 模板引擎
  await app.configure(jael(fs.directory('views')));

  // 使用静态文件服务
  app.fallback(vDir.handleRequest);

  // 启动服务器
  var server = await app.startServer(InternetAddress.anyIPv4, 3000);
  print('Server listening at http://${server.address.address}:${server.port}');
}

dart2js -o web/main.dart.js web/main.dart

dart bin/main.dart