0
私のホームページには2つのリンクがあります。クリックすると、あらかじめ定義されたデータを含むテーブルが表示されます。私はGet List Normalをクリックした場合は、以下の主なPAGE-角度のあるページでデータを渡す方法
adminHomeContent.jspのコード
<body>
<div id="page-wrapper" >
<div id="page-inner">
<a href="getfeedbackList">Get List Normal</a>
<div class="row text-center pad-top">
<a ng-click="setRoute('feedbacklist')">Get List Angular JS</a>
</div>
</div>
</div>
</body>
問題です。結果は正しく表示されていますが、ページの一部が更新されない別のページに表示されます（ただし、iframeで実行できます）。 Get List Angularをクリックするとページに移動しますが、新しいページにデータを送信することはできません。
successLadderによって行われているJS HelloControllerは
public class HelloController {
@Autowired
FeedbackServices feedbackServices;
@RequestMapping(value = "/", method = RequestMethod.GET)
public ModelAndView getData() {
System.out.println("Home Controller");
ModelAndView model = new ModelAndView("adminHome");
return model;
}
@RequestMapping(value = "getfeedbackList", method = RequestMethod.GET)
public ModelAndView getfeedbackList(ModelAndView model) throws IOException {
System.out.println("getfeedbackList Controller");
List<FeedbackBean> listFeedback = feedbackServices.getFeedbacklist();
return new ModelAndView("feedbacklist", "listFeedback", listFeedback);
}
}
と角度にした.java controller-
にURLをマッピングしたGet List Normalについては
.js
angular.module('successladder', [])
.config(function ($routeProvider)
{
$routeProvider
.when('/feedbacklist', {template: 'partial/pages/feedbacklist.jsp'})
.otherwise({redirectTo: '/adminHomeContent', template: 'partial/pages/adminHomeContent.jsp'});
});
function MainCtrl($scope, $location)
{
$scope.setRoute = function (route)
{
$location.path(route);
};
$scope.showModal = false;
$scope.toggleModal = function() {
$scope.showModal = !$scope.showModal;
};
}
私はiframeで達成することができますが、私はangualr jsでしたいです。どのようにangualrのjsでこれを実装するための任意のアイデアですか？
$ rootscopeを使用するか、サービスを作成できます – brk