相关疑难解决方法(0)

AngularJS UI-Router多页面

由于Angular是SPA非常好,但如果我需要一些与index.html无关的其他页面,如何通过UI-Router状态实现不同的ui-views？

例如,我有index.html:

<!DOCTYPE html>
<html data-ng-app="npAdmin">
<head>
...
</head>
<body>
   <header>
      <data-user-profile class="user-profile"></data-user-profile>
  </header>

  <section class="content-wrapper">
      <aside data-main-menu></aside>
      <div class="main-content" data-ui-view></div>
  </section>

  <footer class="row"></footer>
...
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

app.js:

var app = angular.module('npAdmin', ['ui.router']);

app.config(['$httpProvider', '$stateProvider', '$urlRouterProvider', function($httpProvider, $stateProvider, $urlRouterProvider) {

    $stateProvider
    .state('dashboard', {
        url: '/dashboard',
        templateUrl: '/app/dashboard/dashboard.html',
        controller: 'DashboardCtrl'
    })
    .state('crm', {
        url: '/crm',
        templateUrl: '/app/crm/crm.html',
        controller: 'CrmCtrl'
    })
...

Run Code Online (Sandbox Code Playgroud)

现在我需要login.html,这与index.html完全不同(不需要索引的页眉,页脚,侧边栏),但是配置stateProvider只查看index.html ui-view并通过状态更改内容.如何结合login.html？

看起来并不难,但我不明白.

javascript angularjs single-page-application angular-ui-router

swo*_*ish

lucky-day

13
推荐指数

1
解决办法

2万
查看次数