ウェブ上に何も表示されていない角フロントエンド

Question

私はThinksterのAnuglarJS on Railsチュートリアル（https://thinkster.io/angular-rails#jumping-in-with-angular）に従っています。

ここまでは私がこれまでに作ったものです。 https://jsfiddle.net/dcbavw4e/

ウェブ上に何も表示されません。私はnode.jsとnpmをインストールしました。 Angular webを走らせるためにインストールする必要はありますか？

おそらく、スクリプト行に問題がありますか？私はコメントで指摘したように、間違ったスクリプトタグについて露骨に間違っていた私の謝罪：

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script> 
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.10/angular-ui-router.js"></script> 
    <script src="js/app.js"></script> 

[更新] ここでは、私が

Answer 1

あなたはjsfiddle例では多くのものを逃し怒鳴る事を修正してください。.state('home'完全な使用;後

1. .factory('posts'...)はちょうどこの
2. 使用さ$scope.incrementUpvotes(post)使用を使用する;必要性を全く使用しない後の代わりに;
3. のこの使用.を使用する必要はありません：app.jsファイルで

   $scope.incrementUpvotes= function(post)

4. HTMLで@stateParams.id

から@を避けるべきであるcontroller('MainCtrl'内部宣言がMainCtrl

ODアウトする必要があります：

1. 削除最後 </form> </script>

その後、作業罰金する必要があります。

PLUNKER DEMOを参照してください。エラーと作業が削除されました。ここで私は

は、それはあなたに

Answer 2

編集を得ているエラーです！そのことを指摘してくれたコメント担当者に感謝します。

あなたが持っている問題のカップルがここで起こって：あなたは何の開始タグフィドルパー

を持っていない下にあるスクリプトとフォームのタグを閉じている

1. 、あなたが外部を追加する必要があります左側のパネルにあるリソースは直接あなたのHTMLにはないと言われています。それはあなた自身のファイルでどうやってやるべきかということです。これはJSFiddleのことです。
2. 最後に、ノードはここにあるコードとは関係ありません。ノードはバックエンド上のjavascriptであり、ここで概説した訂正と下記の修正済みのJSFiddleで見つかるはずです。あなたのブラウザにHTMLファイルを開くだけです。
3. 私はあなたのためにすべてを修正していませんでしたが、Angularのいくつかはまだ壊れていますが、なぜあなたはチュートリアルを正しく取っているのですか？がんばろう！

*ページの右側のパネルに3つの外部リソースがあることに注意してください。

Correct Fiddle