MVC authorization not working when mixed with Angularjs
<p>I have developed an <strong>MVC + Angularjs</strong> application, a mixed application, and Angular application's first page is my HomeController's Index view as the starting point and now I want to authorize the home page's Index view, but now my MVC authorization attribute is not working and even using with authorization attribute I am able to directly open the Home page. </p>

<p>I need this to be authorized and then that authorized person should open the door to Angular application.</p>

<pre><code>    [Authorize]
    public ActionResult Index()
    {           
        return View();
    }
</code></pre>

<p>and this is the Index View, and the starting point of my angularjs application, and other HTML pages are embedded in this view</p>

<pre><code>&lt;div class="row"&gt;
 &lt;div ng-view&gt;
 &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Kindly help me in solving this, and point me what I am doing wrong or I have implemented things wrong. Here is my HomeController's Index action with authorize attribute,</p>