2016-05-17 5 views
0

なんらかの理由で、ng-viewでページをロードすると、ng-viewはコンソールで検査したときにコメントアウトされています。Ng-Viewはページロード時にコメントアウトされています

同様の問題を持つ他のスレッドを読むことは無意味でした。以下のコードスニペットを参照してください。現在、私はAngularJSの初心者であるため、routeParamsのコンソールログを記録しています。私は、必要な値をすべて取得し、何を処理するのかを知りたいと思っています。これは参考のために、Railsのプロジェクトである:

を表示するページ

<div class ="row" ng-view> 
</div> 

App.js

'use strict'; 

var myApp = angular.module("summoners-universe", ['ngRoute']) 


    myApp.config(['$routeProvider', "$locationProvider", function($routeProvider, $locationProvider){ 
     $routeProvider.when("games/:id", { 
     templateUrl: "timer.html", 
     controller: 'CountdownController' 
     }) 
     $locationProvider.html5Mode({ enabled: true, requireBase: false }); 
    }]) 

controllers.js

'use strict'; 
myApp.controller('CountdownController', ["$scope", "$http", "$routeParams", function($scope, $http, $routeParams){ 
    console.log($routeParams) 
}]) 
+0

あなたは実際に 'games /:id'ページにいますか?あなたは少なくとも正しく設定されていることを確認するためにあなたのルートconfigに 'otherwise'を置くことができます。 –

+0

'ng-view'要素がコメントアウトされるのは正常です。これは 'templateUrl'(あなたの場合は' timer.html')からのテンプレートが注入される角度を指示するだけのプレースホルダーです。テンプレートファイル内のコード**は、コメントアウトされた 'ng-view'要素を完全に**置き換えます。テンプレートファイルを提供していない場合や、存在しないルートや 'templateUrl'を持たないルート上にいる場合、領域は空になります。 – Claies

+0

@MatthewGreen私はあなたが私のルートにリダイレクトするように、あなたが推奨する通りにotherwise文を入れました。さて、私がgames /:idページに行くと、ルートは現在のゲームからルートに変わります。 たとえば、特定のゲームショーページをクリックすると、URLが「localhost:3000/games/20」(20の場合)、「localhost:3000 " –

答えて

0

ああ、単純な構文エラー。私はそのゲームのための主要なバックスラッシュを持っていなかった/:id route!/games /:idのように表示されます。

関連する問題