Angular.js WebページルーティングがSPAで機能しない（ng-viewおよびrouteProviderを使用）

Angularjsライブラリの$ routeProviderおよびng-viewを使用してindex.htmlにビューを挿入しようとしています。なぜ誰かが挿入されていないのを理解するのに役立つことができますか？Angular.js WebページルーティングがSPAで機能しない（ng-viewおよびrouteProviderを使用）

のindex.html：

<!doctype html> 
<html lang='en' ng-app="myApp"> 
<head> 


    <script src="app/lib/angular.min.js"></script> 
    <script src="app/lib/angular-route.min.js"></script> 
    <script src="app/lib/app.js"></script> 

    <link rel="stylesheet" href="styles.css"> 
</head> 
<body> 

<main ng-view> 
</main> 

</body> 
</html>

app.js：

var myApp = angular.module('myApp', ['ngRoute']); 

myApp.config(['$routeProvider', function($routeProvider){ 

$routeProvider 

    .when('/login', { 
    templateUrl: 'views/login.html' 
    }) 

    .otherwise({ 
    redirectTo: '/login' 
    }); 

}]);

私のログインここで

は私のindex.htmlを、私の見解、そして私のapp.jsファイルです。 html（私のプロジェクトのビューフォルダにあります）：

<h1>Welcome to the login page!</h1>

このページを原子でプレビューしようとすると、index.htmlは空です。どんな考えが間違っているのでしょうか？

出典

2016-06-27 Paul Bridi

申し訳ありません...メインとは何ですか？ – abdoutelb

うまくいけば、あなたはいくつかのサーバーでアプリケーションを実行しています。同じコードがうまくいきます。

app.jsはplunkerを操作するための

var app = angular.module('myApp', ['ngRoute']); 

app.config(['$routeProvider', function($routeProvider) { 

    $routeProvider 
    .when('/login', { 
     template: '<h1>Welcome to the login page!</h1>' 
    }) 
    .otherwise({ 
     redirectTo: '/login' 
    }); 

}]);

クリックhereを提出します。

出典

2016-06-27 18:46:29 varit05

それは原子でのプレビューの問題のように見えましたありがとうございました！ –

Angular.js WebページルーティングがSPAで機能しない（ng-viewおよびrouteProviderを使用）

答えて

関連する問題