toshieeeee
3/17/2017 - 11:55 AM

ルートサービスプロバイダーの設定のテンプレです

ルートサービスプロバイダーの設定のテンプレです

configRouteProvider.js
content_copyfile_download

/**********************
▼モジュール呼び出し
************************/
<script src="https://code.angularjs.org/1.5.0/angular.min.js"></script>
<script src="//code.angularjs.org/1.5.0/angular-route.min.js"></script>

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

/**********************
▼ルーティング設定
************************/

myApp.config(function($routeProvider) {
    
    $routeProvider
    
    .when('/', {

        templateUrl: 'pages/main.html',  
        controller: 'mainController'

    })
    
    .when('/second', {

        templateUrl: 'pages/second.html',
        controller: 'secondController'

    })

    .when('/third', {

        templateUrl: 'pages/third.html',
        controller: 'secondController'

    });
    
});

/**********************
▼ナビゲーション
************************/

 <ul class="nav navbar-nav navbar-right">
     <li><a href="#/"><i class="fa fa-home"></i> Home</a></li>
     <li><a href="#second"><i class="fa fa-home"></i> Second</a></li>
     <li><a href="#third"><i class="fa fa-home"></i> third</a></li>
 </ul>