2016-10-13 11 views
0

私はそのような質問をしていると罪悪感を感じています...まだ、ここに行きます 私はかなり基本的なUIルータの例を持っていますが、私の人生では私はそれを働かせることができません。この単純なUI-Routerの例が機能しないのはなぜですか?

<body> 
    <nav class="navbar navbar-inverse"> 
     <div class="container"> 
     <a ui-sref="home" class="navbar-brand">My Product</a> 
     </div> 
    </nav> 
    <div class="container"> 
     <div ui-view></div> 
    </div> 
    </body> 

アプリ:

体は次のようになります。 jsモジュールは次のようになります

(function(){ 
    //Module Declaration 
    var app = angular.module("movieViewer", ["ui.router"]); 


    app.config(["$stateProvider", "$urlRouterProvider", 
    function($stateProvider, $urlRouterProvider) { 
     $urlRouterProvider.otherwise("/"); 
     $stateProvider 
     .state("home", { 
      url: "/", 
      templateUrl: "main.html", 
     // controller: "MainCtrl", 
     }) 
    } 
    ]); 

}()); 

かなり単純ですが動作しません。これについて頭がおかしくなります。

Plunk here

+0

"それは動作しません" それが何を意味するのでしょうか?あなたはコンソールエラーを見ますか?もしそうなら、何? –

答えて

1

あなたはhtmlタグにモジュール名movieViewerng-appディレクティブを追加することにより、ページ上の角度キックオフする必要があります。

ng-app="movieViewer" 

Demo Here

+0

ありがとう、それはまた素晴らしい説明でした。 – w2olves

+0

@ w2olvesは助けてくれてうれしかった、ありがとう:) –

関連する問題