title: Why a directive doesn't watch the value change?
body: <p>I have a directive looking like this:</p>
  
  <pre><code>directive('parcelsCarousel',function () {
      return {
          restrict:'E',
          replace:true,
          transclude:true,
          templateUrl:'/partials/parcels-carousel.html',
          link:function (scope, element, attrs) {
              scope.$watch('favoriteParcelsList', function (favoriteParcelsList) {
                  if (scope.favoriteParcelsList != undefined)
                      console.log(scope.favoriteParcelsList.length)
              });
          }
      }
  });
  </code></pre>
  
  <p>I push an item to <code>favoriteParcelsList</code> from the controller, but the $watch doesn't run.
  What can I do the wrong way? I am sure I am missing something small thing because I have a couple of other directives having similar structure and they work fine.</p>