$routing is automatically reload angularjs and hang the page

问题

app.js file is

 var app = angular.module('TaskApp', ['ngRoute']);
    app.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
        $routeProvider.
            when('/Home/Index', {
                controller: 'TaskManager',
                templateUrl: '/Home/Index'
            }).otherwise({ redirectTo: "/" });

        $locationProvider.html5Mode(true);
    }]);

    app.controller('TaskManager', function () {
        //$location.path('/');
    });

<!DOCTYPE html>
<html ng-app="TaskApp">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <base href="/">
    <title>@ViewBag.Title - My ASP.NET Application</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
    <body>
        <div ng-view></div>
      <a href="/Home/Index">Home </a>
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <h1> @Html.Label("Task Manager", new { @class = "heading" })</h1>
                </div>

            </div>
        </div>
        <div class="container body-content">
            @RenderBody()
        </div>

        @Scripts.Render("~/bundles/jquery")
        @Scripts.Render("~/bundles/bootstrap")
        <script src="~/Scripts/angular.min.js"></script>
        <script src="~/Scripts/angular-route.min.js"></script>
        <script src="~/Scripts/Page/app.js"></script>
        @RenderSection("scripts", required: false)

        
    </body>
</html>

When i click on home link button then a lots of request is running and my page is hang give warning that : WARNING: Tried to load angular more than once.

I can't found what problem is in my code

来源：https://stackoverflow.com/questions/26536054/routing-is-automatically-reload-angularjs-and-hang-the-page

标签

angularjs

angularjs-routing

asp.net-mvc-5.1