angular js: accessing $scope from jQuery

Question

There are several questions like this in stackoverflow. I know. Tried all the answers, but still no luck. My html :

Answer 1

Assume the model value is return from a $http request.

In the controller you have 3 functions:

function getGameContentSuccessCallback(){
   doSuccessCallback();
}

function getGameContentErrorCallback(){
  doSth()
}

function getGameContent(){
  GameContentService.GetGameContent(submitData,getGameContentSuccessCallback,getGameContentErrorCallback)

}

then you define doSuccessCallback in jQuery

var doSuccessCallback = function(){   
   var country  = angular.element("#headline-game").scope().gameContent.headline;   
   alert(country );   
}