2016-07-15 19 views
1

AngularJSアプリを初めて見ているだけです。チュートリアルからいくつかの手順を追ってきましたが、最後にuiルータに何も表示されません。角型JSルータがテンプレートを表示しない(jsコンソールエラーなし)

var app = angular.module("CRI", ["ui.router"]); 

    app.config(function ($stateProvider) { 

     $stateProvider 
      .state("Login", { 
       url: "/", 
       controller: "LoginController", 
       templateUrl: "views/login.html" 
      }) 
    }) 

index.htmlファイル:

<!DOCTYPE html > 
<html ng-app="CRI"> 
    <head> 
     <title>LOGIN</title> 
     <meta charset="UTF-8"></meta> 
     <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,800,700italic,800italic|Open+Sans+Condensed:300,700,300italic&subset=latin,latin-ext,cyrillic-ext,cyrillic' rel='stylesheet' type='text/css'> 
     <link rel="stylesheet" href="css/korisnik.css" /> 
     <script src="https://code.jquery.com/jquery-3.1.0.js" integrity="sha256-slogkvB1K3VOkzAI8QITxV3VzpOnkeNVsKvtkYLMjfk=" crossorigin="anonymous"></script> 
     <script type="text/javascript" src="js/easypiechart.js"></script> 
     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.6/Chart.js"></script> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.js"></script> 
     <script src="app.js"></script> 
     <script src="controllers/loginController.js"></script> 
    </head> 

    <body> 

     <div ui-view></div> 

    </body> 
</html> 

コントローラ:

app.controller("LoginController", function($scope, $http){ 

}) 

、テンプレートを保存するFirebugのは、私のapp.jsファイルが

任意のJSのエラーや警告

が表示されませんviews/login.html

+0

'は'自己終了タグです。それが問題なのかどうかわからないが、あなたは決して知らない。また、コンソール*ネットワーク*タブですべてのスクリプトがロードされていることを確認してください。 'views/login.html'に内容がありますか? – Phil

+0

Ty、その答えは、私は私のメタタグを変更し、また、ネットワークのタブをすべてのスクリプトが読み込まれて検査。テンプレートファイルにはログインフォームが含まれています。 –

答えて

1

ルートパスを使用するには、状態設定urlプロパティは空の文字列でなければなりません。'/'ではありません。

$stateProvider.state("Login", { 
    url: "", 
    controller: "LoginController", 
    templateUrl: "views/login.html" 
}); 

http://plnkr.co/edit/Iypm5fXgpcrLS7Smlc62?p=preview

+0

ありがとうございました。あなたは私の一日を救った! –

関連する問題