UI路由不起作用

时间:2016-10-23 17:15:33

标签: angularjs angular-ui-router

我似乎无法让我的角应用程序与路线一起工作。基本的应用程序本身可以工作,但在我尝试添加路径时打破

这是一个关于plunker的链接:broken routes

var app = angular.module('appModule', ['ui.router']).config(['$stateProvider', '$urlRouterProvider',function($stateProvider, $urlRouterProvider) {

$urlRouterProvider.otherwise('/home');

$stateProvider
  .state('home', {
    url: '/home',
    templateUrl: 'home.html'
    controller: 'homeController'})}])

app.controller('homeController', ['$scope', function($scope) {$scope.hello = "flarg";}])

这里是没有路线链接到plunker的同一个简单的应用程序:working app

1 个答案:

答案 0 :(得分:0)

您的配置应该是这样的,

var myApp = angular.module("myApp", ['ui.router']);
myApp.config(function($stateProvider, $urlRouterProvider) {
  $urlRouterProvider.when("", "/home");
  $stateProvider
    .state("home", {
      url: "/home",
      templateUrl: "home.html",
      controller: 'homeController'
    });
});
myApp.controller('homeController', ['$scope', function($scope) {
  $scope.hello = "flarg";
}]);

<强> DEMO