如何在html中以角度显示自定义指令的作用域

我是angular js的新手。

如何在HTML中显示e.width和e.height的值？我可以用一下这里的示波器吗？

    .directive( "cropping", [function ($scope) {
  return {
      restrict: "A",
      link    : function ( $scope, $el, $attr ) {
          $attr.$observe( "src", function ( src ) {
                      jQuery( '#cropImage' ).cropper('destroy');
                      jQuery( '#cropImage' ).cropper( {
                          viewMode        : 0,
                          zoomable        : false,
                          preview: ".extra-preview",
                          dragMode        : 'crop',
                          guides          : true,
                          highlight       : true,
                          cropBoxMovable  : true,
                          cropBoxResizable: true,
                          crop            : function ( e ) {
                              // Output the result data for cropping image.
                              console.log( e.width );
                              console.log( e.height );
                          }
                      } );
          } );
      }
  }
} ] );