如何将 ng-click 与多个表达式一起使用？ [复制]

Question

我想使用 ng-click 来执行多个表达式。我想在模型上设置一个值，并从$scope 调用一个方法，如下所示：

<a ng-click="navigation.book = book && bookSvc.showBook(book)" href="#{{book.id}}">{{book.title}}</a>

我有&& 分隔我想要执行的两个不同的表达式。我知道我可以在控制器中添加一个同时执行这两项操作的方法。我应该这样做，还是有办法直接从ng-click 内部执行两个表达式？

Answer 1

只需使用 ';'而不是 '&&' 来分隔表达式应该适合你：

<a ng-click="navigation.book = book; bookSvc.showBook(book)" href="#{{book.id}}">{{book.title}}</a>

Answer 2

您只能将表达式写入ng-click。

ngClick 指令允许您在单击元素时指定自定义行为。

但你可以写：

<a ng-click="( (navigation.book = book) && bookSvc.showBook(book))" href="#{{book.id}}">{{book.title}}</a>

在这种情况下，navigation.book 获取 book 内容。

演示 Fiddle

参考

这里有几个选项可以调用navigation.book = book

如果我们写会发生什么：

ng-click="( bookSvc.showBook(book) && (navigation.book = book))"

在这种情况下，如果（似乎bookSvc 是一项服务）bookSvc.showBook(book) 什么都不返回或false，navigation.book = book 将永远不会执行。

演示 2 Fiddle

但如果bookSvc.showBook(book) 返回true，则将调用navigation.book = book。

演示3 Fiddle

Answer 3

我建议将所有逻辑放在一个函数中，然后将 ng-click 分配给它，以使代码更简单、更优雅。