2017-03-16 8 views
0

여기 plnkr 웹 사이트에서 예상대로보기를로드하는 내 plnuker 입니다.angularJs보기가 브라우저에서로드되지 않습니다. 동일한 코드가 플 런커에서보기를로드합니다.

My First Angular SPA

그러나, 나는 우편으로 plunks을 다운로드하여 내 컴퓨터에서 압축 해제 및를 예상대로 뷰를로드하지 않습니다 index.html을 열 때. 다른 관련 스레드에서 논의 된대로 href 및 라우트의 구문을 살펴 보았습니다.

<body> 
    <div ng-app="SmartCartApp"> 
    <ul> 
     <li> <a href="#BaseStationTest">BaseStation Test</a> </li> 
     <li style="float:right"> <a href="#ContactUs">Contact</a> </li> 
     </ul> 
     <div ng-view=""></div> 
    </div> 
      <script type="text/ng-template" id="BaseStation.html"> 
      <div id="div1"> 
       <br/> {{message}} 
      </div> 
     </script> 
     <script type="text/ng-template" id="ContactUs.html"> 
      <div id="div2"> 
       <br/> {{message}} 

      </div> 
     </script> 
    </body> 

// create the module and name it smartCartApp 
var SmartCartApp = angular.module('SmartCartApp', ['ngRoute']); 

// configure our routes 
SmartCartApp.config(['$routeProvider', function($routeProvider) { 
    $routeProvider 
    .when('/BaseStationTest', { 
    templateUrl: 'BaseStation.html', 
    controller: 'BaseStationController' 
    }) 
    .when('/ContactUs', { 
    templateUrl: 'ContactUs.html', 
    controller: 'ContactUsController' 
    }) 
    .otherwise({ 
    redirectTo: '/BaseStationTest' 
    }); 
}]); 

나는 믿는다이 AngulaJs SPA하고 클라이언트 프레임 워크 인은 (그것을 호스팅하는 모든 웹 서버와 같은) 어떤 백엔드 지원을 필요로하지 않기 때문에. 따라서 모든 html과 javaScript를 폴더에 넣고 index.html을 열면 SPA가 열립니다. 이 이해가 옳지 않아서 문제를 해결할 수 있도록 도와주십시오. 콘솔을 열면

답변

1

이 오류 메시지를 볼 수있을 :

Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource. 

당신은 웹 서버에서 실행해야합니다. 가장 간단한 방법은 다음과 같습니다.

  1. 플 런커를 다운로드하십시오. 다운로드 위치는이 포트 8000
  2. 브라우저를 열고에서 기본 HTTP 서버를 실행하고 http://localhost:8000/index.html

당신은 앱 로딩을 볼 수 입력합니다 /Users/username/Downloads/plunk-tDKn84

  • 실행 cd /Users/username/Downloads/plunk-tDKn84
  • 실행 python -m SimpleHTTPServer 가정하자. 희망이 도움이!

    이것은 내가 내 로컬 호스트에서 볼 방법은 다음과 같습니다

  • +0

    난 그냥 당신의 메시지를 확인하고 그 전에 제가 아파치 웹 서버를 설치하고 동일한을 확인했습니다. 나는 아직 투표 할 특권이 없다. 나는 아직도 파이썬 기반 서버를 실행하는 것에 대해 당신의 포스트에서 배웠다. – ari

    +0

    괜찮습니다. 그것이 당신을 위해 일하면 내 대답을 받아 들일 수 있습니다. 다행스럽게 도울 수있어! –