SpringBoot + Angularjsで野球チーム一覧を表示するプログラムを書いています。
Chromeで見たところjsonでデータを受け取るのは出来ているのですが、Viewに反映されません。
原因を教えて頂けますと幸いです。
javascript
1angular.module('myApp', []) 2 .controller('myCtrl', ['$scope',function($scope){ 3 4 $.ajax({ 5 type: 'GET', 6 url: '/5km/allteams', 7 dataType: 'json' 8 }).then(function(json){ 9 10 $scope.teams = json; //ここはデータが取れています 11 12 }); 13 } 14]);
jspファイル
html
1<%@ page contentType="text/html; charset=UTF-8"%> 2<!DOCTYPE html> 3<html lang="ja" ng-app="myApp"> 4<head> 5<meta charset="UTF-8"> 6<title>野球チーム一覧</title> 7<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.min.js"></script> 8<script src="${pageContext.request.contextPath}/team.js"></script> 9</head> 10<body ng-controller="myCtrl"> 11<h1>プロ野球<br>セントラルリーグ一覧</h1> 12<ul> 13<li ng-repeat="team in teams"> 14<a href="${pageContext.request.contextPath}/team-detail?id={{team.id}}"> 15{{team.teamName}}</a> 16</li> 17</ul> 18<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 19</body> 20</html>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/09/25 04:13