ng-appスクリプトを無限に実行する

Question

私は、asp.net Webアプリケーションの空のテンプレートを使用して角型アプリケーションを作成しています。これを使用して空にするとng-appの使用に問題がありますrouteProviderはインスタンス化されませんが、モジュール名にng-app = "myApp"を指定すると、本体の内容が無限ループに繰り返され始めます。 私は基本的な何かが欠けていると確信しているが、この問題は私の狂気 感謝

を駆動しているここに私のHTMLコード

だこれがメインです

<a href="#/view1">view1</a> 

<div> 
    <div ng-view></div> 
</div> 
<script src="Scripts/angular.js"></script> 
<script src="Scripts/angular-route.js"></script> 
<script src="app.js"></script> 

ここにmyAppコード

(function() { 
    'use strict'; 

    var app = angular.module('myApp', ['ngRoute']); 

    app.config([ 
     '$routeProvider', function ($routeProvider) { 
      $routeProvider.when('/', { 
       templateUrl: 'index.html', 
       controller: 'main' 
      }).when('/view1', { 
       templateUrl: 'view1.html', 
       controller: 'main' 
      }).otherwise({ 
       redirectTo: '/' 
      }); 
     } 
    ]); 

    app.controller('main', function ($scope) { 
     setTimeout(function() { 
      alert("from set"); 
     },10000); 
    }); 
})(); 

Answer 1

ここでの問題は、index.htmlがng-appにロードする必要があるテンプレートではありません、それは外殻のページであることです。アプリ全体を繰り返し読み込んで、次のようなものを作り出しています。

<a href="#/view1">view1</a> 

<div> 
    <a href="#/view1">view1</a> 

    <div> 
    <a href="#/view1">view1</a> 

    <div> 
     <a href="#/view1">view1</a> 

     <div> 
     //... more and more loaded here 
     </div> 
     <script src="Scripts/angular.js"></script> 
     <script src="Scripts/angular-route.js"></script> 
     <script src="app.js"></script> 
    </div> 
    <script src="Scripts/angular.js"></script> 
    <script src="Scripts/angular-route.js"></script> 
    <script src="app.js"></script> 
    </div> 
    <script src="Scripts/angular.js"></script> 
    <script src="Scripts/angular-route.js"></script> 
    <script src="app.js"></script> 
</div> 
<script src="Scripts/angular.js"></script> 
<script src="Scripts/angular-route.js"></script> 
<script src="app.js"></script> 

...本質的に永遠に。

代わりにルートにテンプレートのみを読み込む必要があります。

Answer 2

ページを自分自身に読み込むデフォルトルートはありますか？

$routeProvider.when('/', { 
     templateUrl: 'index.html', <----- ??? 
     controller: 'main' 
    })