2017-03-21 3 views
0

하나의 상태를 만들고 다른 페이지로 이동하려고했습니다. 콘솔에 오류가 없지만 탐색 기능이 작동하지 않습니다. 내가 링크를 클릭하면 index.html을href를 사용하는 각도 ui-router의 라우팅 문제

<body ng-app="app"> 
    <a href='#/first-msg'>link</a> 
    <div ui-view></div> 

    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.4.2/angular-ui-router.js"></script> 
    <script src="application.js"></script> 
</body> 

var app = angular.module('app', ['ui.router']); 
app.config(['$stateProvider', '$locationProvider', function($stateProvider, $locationProvider) { 
    $stateProvider.state('firstMessage', { 
     url: '/first-msg', 
     templateUrl: 'home.html', 
     controller: 'homeCtrl' 
    }); 
    $locationProvider.html5Mode({ 
     enabled: true, 
     requireBase: false 
    }); 
}]); 
app.controller("homeCtrl", ['$scope', function($scope) { 
    $scope.message = "This is home"; 
}]); 

를 application.js, URL이 ui-router를 사용

.../index.html#%2Ffirst-msg 

답변

3

처럼, 당신은 href을 사용할 수 없습니다. 대신 ui-sref를 사용

<a ui-sref="firstMessage">link</a> 

주 내가 상태 이름, 그리고 URL을 사용합니다.


JSFiddle demo