在AngualrJS指令中使用{{}}是错误的吗？

Question

这就是我的代码的样子：

<a href class="item" ng-repeat="area in subAreas"
    ng-click="house.cityId='{{ area.id }}';house.cityType='{{ area.type }}';loadMainList(house)">
       {{ area.name }}
</a>

但是，当我在页面上点击此链接时，它无法正常工作。在控制台中找不到任何错误消息，只是没有响应。我检查了Chrome中的元素，并且值正确传递。

最后，我尝试使用真实值而不是{{...}}语法，仅用于标准用法，例如ng-click="house.cityId=area.id;house.cityType=area.type;loadMainList(house)"，奇迹发生了，它起作用了。但这也让我感到困惑。

任何人都可以帮助解释这两种用法之间的区别吗？或者在AngularJS指令中使用{{}}是错误的吗？我只是AngualarJS的初学者。提前谢谢。