) ajax の回答を View にレンダリングする際に問題があります。
私の見解があります
<div id="content" layout:fragment="content" ng-app="Messages">
<div class="twitter" ng-repeat="tweet in tweets" ng-model="tweets">
<span> <input type="checkbox" name="active"
ng-checked="isSelected($event)" class="publishCheckbox"
data-id="{{tweet.socialId}}" ng-controller="publishController"
ng-click="publishMessage($event)" /></span> <span>{{tweet.createdAt}}</span>
<span>{{tweet.network}}</span> <span>{{tweet.text}}</span>
</div>
<button type="button"
class="btn btn-default navbar-btn twitter-posts"
ng-controller="getMoreTweets" ng-click="onloadTweets($event)">Get
more tweets</button></div>
そして、これは私のコントローラーです
var app = angular.module("Messages", []);
app.controller('getMoreTweets', function($http, $scope, $element) {
$scope.tweets = [];
$scope.onloadTweets = function(e) {
var buttonElement = angular.element(e.target);
var socialId = buttonElement.prev().prev().children().children().attr(
"data-id");
var dataString = {
'socialId' : socialId
};
$http({
method : 'GET',
url : "/infoboard/getMoreTweets",
params : dataString
}).success(function(data, status, headers, config) {
$scope.tweets = data;
console.log(data);
console.log($scope.tweets);
console.log("All correct");
}).error(function(data, status, headers, config) {
console.log("Something went wrong");
});
};
$scope.isSelected = function(e) {
return $scope.selected.indexOf(angular.element(e.target)) >= 0;
};
});
データは本来あるべきサーバーから取得されますが、ビューにレンダリングされません(何が間違っていますか?