管理儀表板與ui路由器在angularjs

-1

我在一個角度的項目，它使用puikinsh/gentelella 管理儀表板。當我使用ui.router模板的custom.min.js不能正常工作。管理儀表板與ui路由器在angularjs

顯示JQuery錯誤：Dom元素未定義。

當我刪除UI路由器它完美的作品。我的問題是我如何使用UI-Router的gentelella管理儀表板？請提前幫助我，謝謝。

來源

2017-03-16 Rahul K R

我克隆存儲庫，並實施ui路由器它工作正常。

我使用文本編輯器和瀏覽器同步作爲運行主題的服務器。

我的步驟如下：

1）的index.html刪除pageContent股利和加入頁面content.html文件中的代碼在同一個文件夾。
2）在'vendor/angular'文件夾中添加angular.min.js和angular-ui-router.min.js。
3）創建的路徑文件/production/js/ui-routing.js如下：

(function(){ 
    'use strict'; 

    angular.module('App', ['ui.router']); 

    angular.module('App') 
    .config(RoutesConfig); 

    RoutesConfig.$inject = ['$stateProvider', '$urlRouterProvider']; 
    function RoutesConfig($stateProvider, $urlRouterProvider) { 

    $urlRouterProvider.otherwise('/'); 

    $stateProvider 
    .state('home', { 
     url : '/', 
     templateUrl : '/production/page-content.html' 
    }); 
    } 
})();

index.html中添加路徑如下：

<script src="../vendors/angular/angular.min.js"></script> 
<script src="../vendors/angular/angular-ui-router.min.js"></script> 
<script src="js/ui-routing.js"></script>

4）加入這個片段在index.html文件：

<div ng-app="App"> 
    <ui-view></ui-view> 
</div>

請注意，在UI的routing.js你的HTML文件路徑可以，如果你不使用的服務器來運行的主題是不同的。此外，page-content.html可能包含一些路徑，您需要更改才能顯示圖像和全部。除了給定的解決方案工作正常。

來源

2017-03-16 07:45:22

您可以提供index.html文件和頁面content.html –

我得到錯誤：拋出：DOMException：未能執行「querySelectorAll」上「元素」：「* ,: X」是不是一個有效的選擇。在http：//localhost/opshub_rout/js/jquery.min.js：2：10517 –

您是否在新鮮結帳時執行了上述步驟？如果你已經完成了你已經修改過的文件，請這樣做。對於index.html和page-content.html，您只需從index.html中剪切此div <！ - page content - >並粘貼到page-content.html中即可。我已經通過這種方式來確認ui-router上的主題工作。您可以像登錄頁面一樣添加路線。另外，如果您需要更多幫助，您可以在GitHub中添加此主題，並分享鏈接。 –

管理儀表板與ui路由器在angularjs

回答

相關問題