2017-03-16 17 views
0

私のplnuker は、plnkrのWebサイトで期待通りにビューを読み込みます。angularJsビューがブラウザからロードされていません同じコードがplunkerのビューを読み込みます

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とそれが(それをホストするために、任意のWebサーバなどの)任意のバックエンドのサポートを必要としないクライアントフレームワークであるため、と考えています。したがって、すべてのhtmlとjavaScriptをフォルダに入れ、index.htmlを開くと、SPAが開きます。この理解が正しくない場合は私を修正し、私が問題に対処するのを手伝ってください。あなたがコンソールを開くと

答えて

1

、このエラーメッセージを参照してくださいね。

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

あなたは、Webサーバー上で実行する必要があります。それを行う最も簡単な方法は次のとおりです。

  1. あなたのプランナーをダウンロードしてください。あなたのダウンロード場所は、これはポート8000​​
  2. オープンブラウザで基本的なHTTPサーバを実行し、http://localhost:8000/index.html

あなたはあなたのアプリケーションの負荷が表示されます入力します/Users/username/Downloads/plunk-tDKn84

  • 実行cd /Users/username/Downloads/plunk-tDKn84
  • 実行python -m SimpleHTTPServer であると仮定します。お役に立てれば!

    これは私が私のローカルホスト上でそれを見る方法です。

  • +0

    私はちょうどあなたのメッセージを確認し、その前に私は、Apacheウェブサーバをインストールし、同じことを確認しました。私はまだ投票する特権を持っていません。私はまだpythonベースのサーバーを実行することについてあなたのポストから学んだクールです。 – ari

    +0

    それは大丈夫です。それがあなたのために働くなら、あなたは私の答えを受け入れることができます。お役に立てて嬉しいです! –

    関連する問題