私はウェブページを作成しようとしています。ユーザーがログインすると、新しいhtmlページ( "dashboard.html")が表示されます。この "dashboard.html"にはいくつかのリンク(他のhtmlページへのリンク)が含まれています。ユーザーが新しいhtml(「page_3.html」と言う)ページを開き、controller.this "page_3.html"コントローラからデータを取得していません。下は私のコードです。複数のhtmlページのコントローラからデータをフェッチできません
<!-- controller.js -->
var app = angular.module('myApp',[ 'ngRoute' ]);
app.config(function($routeProvider){
$routeProvider
.when('/',{
templateUrl: 'login.html'
})
.when('/dashboard',{
templateUrl: 'dashboard.html'
})
.when('/page_3',{
templateUrl: 'page_3.html'
})
.otherwise({
redirectTo : '/'
});
});
app.controller('app', function($scope, $location){
$scope.item = "test";
$scope.submit = function(){
$location.path('/dashboard');
}
};
});
<!DOCTYPE html>
<html>
<head>
<title>Project</title>
<script src="angular.js"></script>
<script src="angular-route.js"></script>
<script src="controller.js"></script>
</head>
<body ng-app= "myApp" ng-controller="app">
<div ng-view></div>
</body>
</html>
<!-- below is login.html page -->
<div ng-controller="app">
<form action="/">
<button type="button" ng-click="submit()">Login</button>
</form>
</div>
<!-- below is my dashboard.html page -->
<div ng-controller="app">
<h1>Page_3</h1>
<div><a href='page_3.html'>page_3</a></div>
</div>
<!-- below is page_3.html page -->
<div ng-controller="app">
<p>{{item}}</p>
</div>
結果:{{アイテム}}
私たちが扱うことができる[最小限の、完全で検証可能な例](https://stackoverflow.com/help/mcve)を作成できますか? –