라우팅 내가 angular.js 내 코드에서 라우팅을 사용하고

angular.js에서 작동하지 않는 것은 : 내가 고토 홈페이지는 로그인 페이지로 리디렉션하지 않을 경우라우팅 내가 angular.js 내 코드에서 라우팅을 사용하고

//controllers.js 

var ar= angular.module('ar', []); 

ar.controller('lc', ['$scope', '$http', function($scope, $http){ 
    $http.get('login.json').success(function(data){ 
     $scope.art=data; 
    }) 
}]) 

ar.controller("search", function(){ 
    this.search='a'; 

    this.getdata= function (searchquery) { 
     console.log(searchquery); 
    } 
}); 



//main.js (app.js) 

var myApp= angular.module('myApp',[ 
    'ngRoute', 
    'ar' 
    ]); 

myApp.config(['$routeProvider', function ($routeProvider) { 
$routeProvider. 
when('/login', { 
    templateUrl: 'inc/login.html', 
    controller: 'lc' 
}). 
otherwise({ 
    redirectTo: '/login' 
}); 
}]);

내가 로그인을 클릭하면 버튼이 작동하지 않습니다.

바닥

<!DOCTYPE html> 
<html class="no-js" ng-app="myApp"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <title>Home</title> 
    <meta name="description" content=""> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" href="css/bootstrap.min.css"> 
    <style> 

    </style> 
    <link rel="stylesheet" href="css/bootstrap-theme.min.css"> 
    <link rel="stylesheet" href="css/main.css"> 

    <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script> 
    <script type="text/javascript" src="js/angular.js"></script> 
    <script type="text/javascript" src="js/angular-route.js"></script> 
    <script src="js/main.js"></script> 
    <script src="js/controllers.js"></script> 

</head> 
<body> 



<ul class="nav navbar-nav pull-right"> 
     <li class="active"><a href="#">Home</a></li> 
     <li><a href="#/login">Login</a></li> 
     </ul> 
     </div><!--/.navbar-collapse -->

: 나는 JQuery와 및 부트 스트랩의 파일을 포함해야합니다. 이것은 부트 스트랩 응용 프로그램입니다. ... 난 당신의 경로에 문제가있을 수 있다고 생각의 MVC 기반 Live example

출처

2014-09-16 Anonymous

당신도 html을 공유 할 수 있습니까? – harishr

콘솔 오류가 있습니까? –

콘솔 오류가 없습니다. –

경로가 올바르게 지정을 정의 이 살아있는 예입니다.

<div class="page-container"> 
    <div ng-view></div> 
</div>

ng-view 모든 템플릿이 언급 한 곳이 될 것입니다 : 특정 경로에 언급 된 템플릿을 기본 템플릿

무엇인가에로드되도록 당신이 필요로하는 템플릿에 NG-뷰를 정의하는 것입니다 라우터가로드됩니다.

출처

2014-09-16 06:08:27

이 추가됩니다. 오류 : [$ injector : unpr] 알 수없는 공급자 : $ templateRequestProvider <- $ templateRequest <- $ route <- ngViewDirective –

'ng-app = "myApp"를 정의한 메인 index.html 파일에이 내용을 추가해야합니다. 어떤 오류가 있었습니까? –

예 주 코드 파일에 추가했습니다. 예제 코드를 업데이트했습니다. http://codebag.org/stackoverflow/#/login –

-1

및 노선 경로 :

출처

2014-09-16 05:56:25

경로가 정확합니다. 경로가 올바르지 않으면 콘솔에 오류 –

라우팅 내가 angular.js 내 코드에서 라우팅을 사용하고

답변

관련 문제