私はAngularJSの初心者ですが、問題があり、修正方法がわかりません。
私はあなたにそれを説明します、
「参照」と「基準」と呼ばれるテーブルの間にOneToManyの関係があります。これは、1つの「参照」に多くの「基準」を含める必要があることを意味するため、テーブルにすべての「参照」をリストしました。
主な問題は、「参照」をクリックすると、「参照」のIDがクリックされた「Critere」というページにリダイレクトされ、そのページ「Critere」(Critere / idReference)にはすべてのCriteresが含まれます。その「参照」に関連するもの。すべてのデータを Json 形式で取得したことを知っているので、Spring Boot と Rest Api を使用しています。その「参照」に関連するすべての「基準」を読み込もうとすると、Spring に問題はありませんが、 AngularJs でそれを行う方法がわかりません。
これが私のコードです:
<tr class="clickable-row" ng-init="chargerNoteReference(reference.idReference)" data-ng-click="redirectt(reference.idReference)">
<td>{{reference.titleReference}}</td>
</tr>
ここでは、クリック可能な行を持つテーブルにリストされているすべての参照をロードします
私は1つのコントローラーを使用します
$scope.redirectt = function(x){
$window.location.assign("/Critere/"+x);
}
私はまたルートParamsを得ました
var app = angular.module("Entourage",['ngRoute']);
app.config(function($routeProvider ){
$routeProvider
.when('/Critere/:idReference',{
templateUrl: 'templates/Critere.html',
controller : "EntourageController",
})
})
Files Critereで呼び出した関数は次のとおりです
$scope.redirect = function(){
$scope.Critere={}
$http.get("/references/criteres/"+$scope.idReference+"/"+$scope.idUser)
.success(function(data){
$scope.Critere=data
});
};
ここに私のファイルCritereがあります
<tbody ng-repeat="critere in Critere">
<tr class="odd gradeX" >
<td class="center" >{{critere.idCritere }}</td>
<td class="center">{{critere.descriptionCritere }}</td>
<td class="center"> {{critere.vue}}</td>
</tr>
</tbody>
私もこのエラーを受け取りました:
Uncaught Error: [$injector:modulerr] と私はthymeleafを使用しています
<script th:src="@{https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-route.js}"></script> <script th:src="@{https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js}"></script> <script th:src="@{https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js}"></script>