html - Dart Web中的onClick事件

Question

我是Dart-Web的初学者。我试图通过dart处理HTML DOM中的单击事件，但似乎不起作用。在它下面是我当前的代码。

<div>
   <button type="button" onclick="(onclick)=clickHandle()">Sign-in</button>
</div>


@Component(
 selector: 'todo-list',
 styleUrls: ['login_component.css'],
 templateUrl: 'login_component.html',
 directives: [
  MaterialButtonComponent,
  MaterialCheckboxComponent,
  MaterialFabComponent,
  MaterialIconComponent,
  materialInputDirectives,
  materialInputDirectives,
  NgFor,
  NgIf,
 ],
 providers: [ClassProvider(LoginService)],
 )
 class LoginComponent implements OnInit {
  final LoginService loginService;

  List<String> items = [];
  String newTodo = '';

  LoginComponent(this.loginService);

  @override
  Future<Null> ngOnInit() async {
  items = await loginService.getTodoList();
  }

  void add() {
  items.add(newTodo);
  newTodo = '';
  }

  void clickHandle() {
  print("Button Clicked");
  }

  String remove(int index) => items.removeAt(index);
  }

请请求任何其他文件来回答问题。

Answer 1

onclick="(onclick)=clickHandle()"

是错的。

它应该是

(click)="clickHandle()"

事件是click，onClick只是一个属性，您可以在其中注册发生该click事件时要调用的处理函数，但是Angular会为您在onClick中注册该处理函数。