UIルートが動作しない

Question

私の角型アプリケーションをルートで動作させることができないようです。基本的なアプリ自体は動作しますが、壊れ、私はルートに

を追加しようとした瞬間には、ここで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

Answer 1

あなたの構成は、このようにする必要があり

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