title: angularjs: access jquery variable in angularjs controller
body: <p>angular js code</p>
  
  <pre><code>angular.module('myapp')
    .controller('PostsController',  function($scope, $window, $http){
  
    $scope.$watch('selectedCities', function(newValue, oldValue) {
       if(newValue === oldValue ){
        return;
      }
      //to call a jQuery variable wookmark
  
    }, true);
  }
  </code></pre>
  
  <p>jquery code</p>
  
  <pre><code> $(function ($) {
        var container = '#wookmark_container',
            $container = $(container),
            tileCount = 30,
            $window = $(window),
            $document = $(document),
            wookmark;
  
        // Initialize Wookmark
        wookmark = new Wookmark(container, {
          offset: 5, // Optional, the distance between grid items
          outerOffset: 10, // Optional, the distance to the containers border
          itemWidth: 260, // Optional, the width of a grid item
          autoResize: true
        });
  
      });
  </code></pre>
  
  <p>What I am trying to do is if a select options changes I would like to reload a wookmark jquery plugin.</p>
  
  <p>Is it doable to call a jquery vairable in angularjs?</p>
  
  <p>Thanks for any help.</p>