Question

我正在提供app.js代码

'use strict';

var dpApp = angular.module('dpApp', ['ngRoute', 'ngMaterial', 'ngMessages','ui.router']);

dpApp.config(function ($mdThemingProvider, $routeProvider,$stateProvider,$urlRouterProvider) {
  var dpcolor = $mdThemingProvider.extendPalette('deep-purple', {
    '500': '#6A1B9B'
  });

  $mdThemingProvider.definePalette('dpcolor', dpcolor);

  $mdThemingProvider.theme('default')
    .primaryPalette('dpcolor');

  $stateProvider
    .state('login', {
      templateUrl: 'templates/login.html',
      controller: 'appCtrl'
    })
    .state('register', {
      templateUrl: 'templates/register.html',
      controller: 'appCtrl'
    })
    .state('forgot', {
      templateUrl: 'templates/forgot.html',
      controller: 'appCtrl'
    })
    .state('patient-profile', {
      templateUrl: 'templates/patient-profile.html',
      controller: 'appCtrl'
    })
    .state('edit-profile', {
      templateUrl: 'templates/edit-profile.html',
      controller: 'appCtrl'
    })
    .state('med-record', {
      templateUrl: 'templates/med-record.html',
      controller: 'appCtrl'
    })
    $urlRouterProvider.otherwise("login");

});

路由正在发生，但我得到一个空白页面。如果我使用$routeProvider

，它会工作

Answer 1

你必须添加$ stateProvider的url参数，如

 .state('login', {
  url:'/login'
  templateUrl: 'templates/login.html',
  controller: 'appCtrl'
})

并且您不需要$ routeProvider

我在angularjs中使用ui.router我没有得到所需的输出

1 个答案: