Question

我正在使用puikinsh/gentelella的角度项目 admin dashboard。当我使用ui.router时，模板的custom.min.js无法正常工作。

显示JQuery错误：Dom元素未定义。

当我删除UI-Router时，它完美无缺。我的问题是如何在UI-Router中使用gentelella管理仪表板？请帮助我，并提前感谢。

Answer 1

我克隆了存储库并实现了ui-router，它工作正常。

我使用文本编辑器和浏览器同步作为服务器来运行主题。

我遵循的步骤：

1）从index.html中删除了pageContent div，并将page-content.html文件中的代码添加到同一文件夹中 2）在＆vendor; vendor / angular＆＃39;中添加了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可能包含一些您需要更改以显示图像和所有路径的路径。除了那个给定的解决方案工作正常。

Puikinsh / gentelella管理仪表板与angularjs中的ui-router

1 个答案: