2016-05-17 12 views
0

私の最初の投稿、私は検索しましたが解決策を見つけることができません。角度ルーティングが内側に表示されない

ルーティングからのコンテンツがng-viewで表示されません。

<html lang="en" ng-app="myApp"> 
<head> 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script> 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-route.min.js"></script> 
    <script src="static/js/app.js"></script> 
</head> 
<body> 
<ng-view></ng-view> 

</body> 
</html> 

indext.html app.js

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

app.config(['$routeProvider', 

function($routeProvider,$locationProvider) { 

    $locationProvider.html5Mode(true); 
    console.log("Kom till config"); 

    $routeProvider. 
     when('/', {templateUrl: 'static/partials/mainpage.html', 
    }). 
    otherwise({ 
     redirectTo: '/' 
    }); 
}]); 

私はエラーを取得していないし、トラブルシューティングを行う方法がわからない、私はあなたの助けのために感謝しています。

ファイルの構造は、それがクライアントにリソースを与えるフラスコサーバである

C:. 
├───.idea 
├───.openshift 
│ ├───action_hooks 
│ ├───cron 
│ │ ├───daily 
│ │ ├───hourly 
│ │ ├───minutely 
│ │ ├───monthly 
│ │ └───weekly 
│ └───markers 
├───static 
│ ├───css 
│ ├───fonts 
│ │ ├───font-awesome 
│ │ │ ├───css 
│ │ │ ├───fonts 
│ │ │ ├───less 
│ │ │ └───scss 
│ │ └───fonts 
│ ├───img 
│ │ ├───client 
│ │ ├───portfolio 
│ │ └───team 
│ ├───js 
│ └───partials 
└───templates 
    ├───admin 
    └───security 

です。

答えて

1

モジュールにngRouteを追加する必要があります。

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

次に、このように$ routeRroviderを使用する:あなたのindex.htmlの使用において

app.config(['$routeProvider', '$locationProvider', 
    function($routeProvider, $locationProvider) { 
    $locationProvider.html5Mode(true); 
    $routeProvider. 
     when('/', { 
     templateUrl: 'partials/partial.html' 
     }). 
     otherwise({ 
      redirectTo: '/' 
     }); 
    }]); 

<div ng-view></div> 
関連する問題