Prevent calling parent when nested ui-sref

Question

Let say I have nested DOMs and each has ui-sref for different angular-ui-router state. I want to click outer to only alert outer and c

Answer 1

This works

  Outer
        Inner

I didn't know you can add ng-click="$event.stopPropagation()" in the same element as ui-sref