2015-07-21 68 views
1

我試圖在主視圖中加載視圖到div。這是我的主視圖動態重定向到主視圖中div的另一個視圖

<html> 
<head> 
    //some contents 
</head> 
<body> 
    <div class="contents" id="subContents" ng-controller="distributeViewsController" ng-view> 
     //other view loaded hear 
    </div> 
</body> 
</html> 

這是我的索引視圖

<html> 
<body> 
    //contents 
</body> 
</html> 

我採用了棱角分明的路由來路由索引視圖在主視圖。這是我的js

$routeProvider 
.when('/Index', { 
    templateUrl: 'EZ_Main/Index', 
    controller: 'distributeViewsController' 
}) 

路由是做工精細用<a href="#Index">Index</a>,但現在我要動態地加載索引視圖。假設我有兩個視圖叫做Index和Home。我需要先打電話給我的主視圖,然後加載索引首頁根據請求(請求需要說加載主視圖和後去索引或主視圖)。可以告訴我我怎麼能如果這種方法可行或以其他方式做到這一點,請執行此操作。

+0

我想你應該考慮[ui-router](https://github.com/angular-ui/ui-router)。 *****************我需要先打電話給我的主視圖,然後根據請求加載索引或主頁************它會爲您提供此功能。 – Parmod

回答

0

使用以下代碼:

$ routeProvider.when( '/主/:頁',{templateUrl: '視圖/ main.html中',控制器: 'main.MainViewCtrl'});

+0

可以使用我的代碼編輯你的答案。 – Saranga

0
angularApp.config(['$routeProvider', '$locationProvider','$httpProvider',function($routeProvider, $locationProvider,$httpProvider) { 
     $routeProvider.when('/Index', {templateUrl: 'EZ_Main/Index', 
    controller: 'distributeViewsController' 
}); 
    $routeProvider.when('/main/:page', {templateUrl: 'views/main.html', controller: 'main.MainViewCtrl'}); 

     // $locationProvider.html5Mode(true); 

     if (!$httpProvider.defaults.headers.get) { 
      $httpProvider.defaults.headers.get = {};  
     } 
     //disable IE ajax request caching 
     $httpProvider.defaults.headers.get['If-Modified-Since'] = '0'; 
     // $httpProvider.interceptors.push('httpRequestInterceptor'); 
     $.ajaxSetup({ cache: false }); 

    }]); 
+0

我怎麼打電話給這個例程提供程序.. – Saranga

+0

如果URL改變,那麼例程提供程序調用 – NaveenG

相關問題