Home/ Questions/Q 8812135
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T03:32:10+00:00

Ok.. I’ve tried angular.js. It is awesome. I’m impressed. I can get bindings and

  • 0

Ok.. I’ve tried angular.js. It is awesome. I’m impressed. I can get bindings and stuff.. Cool.
Now what if I need to access to my data from outside of the $scope? Let’s say I have a signalR hub that sends some data and function that intercepts that and should add a new item or modify existing. How do I do that? Can you show me on this example how can I access $scope.twitterResult from click handle? 

<script>
    angular.module('Twitter', ['ngResource'])

    function TwitterCtrl($scope, $resource){
        $scope.twitter = $resource('http://search.twitter.com/:action',
        {action: 'search.json', q: 'obama', callback:'JSON_CALLBACK'},
        {get:{method:'JSONP'}});
        $scope.doSearch = function(){
        $scope.twitterResult = $scope.twitter.get();
      }
    }

    $(function(){
      $('#addItem').click(function(){
           // add a row to $scope.twitterResult
      });
   });
</script>

<body>
   <div data-loading></div>
    <div ng-controller='TwitterCtrl' ng-init="doSearch()">
        <ul>
           <li ng-repeat='tweet in twitterResult.results'><p> {{tweet.text}}</p></li>
         </ul>
    </div>
</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    A better way would be to wrap your “signal hub” in an AngularJS service. Take a look on my blog post about using web sockets with AngularJS, specifically “Interacting with Socket.IO.”

    Why did you write:

    $(function(){
  $('#addItem').click(function(){
       // add a row to $scope.twitterResult
  });
});

    And not just use ng-click? Is this some 3rd party code or widget? Pending on these this, I’ll try to better advise you and write up some example code.

    If you have to register an event handler, you should do so through a directive. Otherwise things will get complicated when you start managing the lifecycles of these outside-of-angular event bindings.

    • 0