각도 ui-router 코드를 확인하는 데 도움이 필요합니다.

각도로 포트폴리오를 만들려고하는데 올바른 경로를 찾지 못하는 것 같습니다. 이전에 만든 앱으로 두 번 확인했는데 아무 것도 찾을 수없는 것 같습니다. 컴파일 할 때 콘솔에 오류가 기록되지 않습니다. 내 코드가 제대로 배치되었는지 누군가가 확인할 수 있습니까?각도 ui-router 코드를 확인하는 데 도움이 필요합니다.

되는 HTML

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="UTF-8"> 
    <title>my portfolio</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" type="text/css" href="stylesheet.css"> 

    <!-- <link href="https://fonts.googleapis.com/css?family=Titillium+Web:300' rel='stylesheet' type='text/css"> --> 
    </head> 

    <body np-app="myPort"> 
    <div id="navigation-bar"> 
     <ul> 
     <li><a href="#/home">Home</a></li> 
     <li><a href="#/projects">My Projects</a></li> 
     <li><a href="#/contact">Contact</a></li> 
     </ul> 
    </div> 

    <div ui-view></div> 

    <!-- loading angular frameworks --> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
    <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script> 
    <script src="bower_components/jquery/dist/jquery.js"></script> 
    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script> 
    <!-- app js stuff --> 
    <script src="app.js"></script> 
    </body> 
</html>

모듈

angular.module('myPort', ['ui.router']) 

.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) { 
    $stateProvider 
     .state('home', { 
      url: '/home', 
      templateUrl: 'partials/bio/index.html', 
      }) 

     .state('projects', { 
      url: '/projects', 
      templateUrl: 'partials/projects/index.html', 
      }) 

     .state('contact', { 
      url: '/contact', 
      templateUrl: 'partials/contact/index.html', 
     }) 

    $urlRouterProvider.otherwise('/home'); 
}]); 
//no controllers linked for troubleshooting

출처

2016-06-24 Allen

에 <body np-app="myPort>" 당신이 바로 그것으로 발생하는 어떤 문제 plnkr – Rakeschand

을 만들 수 있습니까? – Und3rTow

jquery.js가 angularjs보다 위에 있으면 차이가 있습니다. – Rakeschand

는 ng-app을 정의하는 동안 맞춤법 실수 있습니다.

변경 <body ng-app="myPort>"

출처

2016-06-24 08:21:56 prashkr

그 트릭을 했어! 잘 모르겠다. 나는 이런 저런 것을 보지 못했다. – Allen

'p'와'g' 같은 종류의 것 같다. :) – prashkr

각도 ui-router 코드를 확인하는 데 도움이 필요합니다.

답변

관련 문제