Debugging ng-click not firing with ui-view
<p>I have an Angular app which uses <code>'ngCookies'</code>, <code>'oc.lazyLoad'</code>, <code>'ui.router'</code>, <code>'ui.bootstrap'</code> and <code>'angular-loading-bar'</code>. Its config works with <code>$stateProvider</code> where all the views and nested views are defined.</p>

<p>The problem that I have is that when I try to use <code>ng-click</code> directive inside any nested view, it doesn't work. It works if I put it in the template of a top-most view, like a login screen for example. <code>ng-repeat</code> or some custom directives and services work fine.</p>

<p>I've searched through some questions that were already asked, but usually the solutions were trivial (like <a href="https://stackoverflow.com/questions/29052817/ng-click-not-firing-deep-inside-ui-views">this one</a> or <a href="https://stackoverflow.com/questions/33238472/ng-click-not-firing">this one</a>) and they don't apply to my case. In my case <code>ng-click</code> won't work even in the simplest example like this one (the initial value of <code>count</code> is presented correctly):</p>

<pre><code>&lt;button ng-click="count = count + 1" ng-init="count=0" class="btn btn-primary"&gt;Correct&lt;/button&gt;
{{count}}
</code></pre>

<p>I understand that template needs to be compiled for the Angular to see that there is an <code>ng-click</code> directive inside. But seeing other questions I assume that if <code>ui-view</code> loads the template and <code>ng-click</code> is directly inside this template, it should work correctly. Can you point me towards a solution that will help me to troubleshoot this problem?</p>