How to assign two values in ng-click?

Question

I have this html body that will invert the boolean variable d.expandedBlog when clicked. It is working normally.

<div class="article-blog-icon-comment">
    <i class="fa fa-commenting-o article-blog-menu-topbar" 
    ng-click="d.expandedBlog = !d.expandedBlog" pr-expand-article="d.article.uid"
    expandedBlog="d.expandedBlog"></i>
</div>

But now I want the same html body to also invert the variable d.expanded.

I tried to do it that way:

<div class="article-blog-icon-comment">
    <i class="fa fa-commenting-o article-blog-menu-topbar" 
    ng-click="d.expandedBlog = !d.expandedBlog, d.expanded = !d.expanded" 
    pr-expand-article="d.article.uid"
    expandedBlog="d.expandedBlog" expanded="d.expanded"></i>
</div>

But it is giving syntax error, I do not know the syntax to do this kind of thing. What could be done here?

Answer 1

You can declare more than one inline mode command in the directive ng-click separating the commands with ;, just like writing in normal code:

[...]
ng-click="d.expandedBlog = !d.expandedBlog; d.expanded = !d.expanded" 
[...]

However, I advise you to consider writing a function in the controller to perform these commands for clarity.