1
角度jsと学習の新機能です。私は非常に単純な例を試しましたが、すべてが正しいと思われるが、動作していない...私は2つの単純なhtmlファイルでルーティングを試みた。以下のユーザリストをクリックしたときに、この中で助けてください.. NGビューのdivの上に置かれるべきであるHTMLの内容...事前のおかげで...あなたは秒を閉じていないコードAngularJSルーティングは単純な例では機能しません
<!DOCTYPE html>
<html>
<head>
<title>Main Page </title>
<script src="js/angular.min.js"> </script>
<script src="js/angular-route.min.js"></script>
<script>
var myApp = angular.module('myApp',['ngRoute']);
myApp.config (function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'pages/first.html',
controller: 'FirstController'
})
.when('/Second', {
templateUrl: 'pages/second.html',
controller: 'SecondController'
});
});
myApp.controller('FirstController',function($scope){
});
myApp.controller('SecondController',function($scope){
});
</script>
</head>
<body ng-app="myApp">
<ul>
<li> Home Page</li>
<li> <a href="#"> Go to First Page </a> </li>
<li> <a href="#/Second"> Go to Second Page </li>
<h1> Main Page is here</h1>
</ul>
<div ng-view></div>
</body>
</html>
私はplnkrてみました。私のローカルシステムでは動作しません。私はちょうどあなたのコードをコピーし、それを貼り付けました..クロームコンソールで次のエラーが発生していますangular.js：10765XMLHttpRequestはファイルをロードできません：/// C：/Users/Srini/Desktop/angtest/first.html。 Cross origin requestは、プロトコルスキーム（http、data、chrome、chrome-extension、https、chrome-extension-resource）でのみサポートされています（匿名関数@ angle.js：10765 angular.js：12520Error：[$ compile：tpload ] http://errors.angularjs.org/1.4.8/$compile/tpload?p0=first.html&p1=-1&p2= – srinivasan
エラーは何ですか？ – Sajeetharan
問題はあなたのhtmlファイルがロードされていない – Sajeetharan