0
-----index.html-------
<html>
<script
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js">
</script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-
route.js"></script>
<script src="main.js"></script>
<script src="aboutController.js"></script>
<div ng-app="myApp" ng-controller="aboutController">
<h1>About Page</h1>
<p>{{ message }}</p>
<button ng-click="go()">Submit</button>
<div ng-view></div>
</div>
</html>
----main.js--------
var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
$routeProvider
.when("/go", {
templateUrl : "sample.html"
});
});
----aboutController.js---------
var app = angular.module("myApp", []);
app.controller('aboutController', function($scope,$http,$location) {
$scope.name="";
$scope.message="Home Page";
$scope.go= function(){
$http.get('content.json').success(function(data) {
$scope.obj = data;
$location.path("/go");
});
}
});
------sample.html--------
<h1>Sample Page</h1>
このテストアプリケーションでは角度ルーティングを使用しようとしています。私はここで何が間違っているのか教えていただけますか？送信ボタンをクリックすると、アドレスバーの場所が「http://localhost:8080/index.html#/go」に変わりますが、「sample.html」の内容は表示されません。ng-viewでデータを表示できません
：作業
var app = angular.module("myApp", []);がHERESにあなたのコード（私は実証の目的でテンプレートを使用してGETリクエストと置換テンプレートのURLを削除しました）：2番目の宣言を削除しますPlunkerを提供したときにこの動作の理由を見つけることができます。 –
あなたのコードには多くの問題があります – Sajeetharan
@Sajeetharanこれらの問題は何ですか？ – Garry