contribs/gmf/src/mobile/measure/lengthComponent.js
function mobileMeasureLenthComponent(gmfMobileMeasureLengthTemplateUrl) {
  return {
    restrict: 'A',
    scope: {
      'active': '=gmfMobileMeasurelengthActive',
      'precision': '<?gmfMobileMeasurelengthPrecision',
      'map': '=gmfMobileMeasurelengthMap',
      'sketchStyle': '=?gmfMobileMeasurelengthSketchstyle'
    },
    controller: 'GmfMobileMeasureLengthController as ctrl',
    bindToController: true,
    templateUrl: gmfMobileMeasureLengthTemplateUrl,
    /**
     * @param {angular.IScope} scope Scope.
     * @param {JQuery} element Element.
     * @param {angular.IAttributes} attrs Attributes.
     * @param {angular.IController=} controller Controller.
     */
    link: (scope, element, attrs, controller) => {
      if (!controller) {
        throw new Error('Missing controller');
      }
      controller.init();
    }
  };
}
function mobileMeasureLenthComponent(gmfMobileMeasureLengthTemplateUrl) {
  return {
    restrict: 'A',
    scope: {
      'active': '=gmfMobileMeasurelengthActive',
      'precision': '<?gmfMobileMeasurelengthPrecision',
      'map': '=gmfMobileMeasurelengthMap',
      'sketchStyle': '=?gmfMobileMeasurelengthSketchstyle'
    },
    controller: 'GmfMobileMeasureLengthController as ctrl',
    bindToController: true,
    templateUrl: gmfMobileMeasureLengthTemplateUrl,
    /**
     * @param {angular.IScope} scope Scope.
     * @param {JQuery} element Element.
     * @param {angular.IAttributes} attrs Attributes.
     * @param {angular.IController=} controller Controller.
     */
    link: (scope, element, attrs, controller) => {
      if (!controller) {
        throw new Error('Missing controller');
      }
      controller.init();
    }
  };
}
function mobileMeasureLenthComponent ( gmfMobileMeasureLengthTemplateUrl ) { return { restrict : 'A' , scope : { 'active' : '=gmfMobileMeasurelengthActive' , 'precision' : '<?gmfMobileMeasurelengthPrecision' , 'map' : '=gmfMobileMeasurelengthMap' , 'sketchStyle' : '=?gmfMobileMeasurelengthSketchstyle' } , controller : 'GmfMobileMeasureLengthController as ctrl' , bindToController : true , templateUrl : gmfMobileMeasureLengthTemplateUrl , /**
     * @param {angular.IScope} scope Scope.
     * @param {JQuery} element Element.
     * @param {angular.IAttributes} attrs Attributes.
     * @param {angular.IController=} controller Controller.
     */ link : ( scope , element , attrs , controller ) => { if ( ! controller ) { throw new Error ( 'Missing controller' ) ; } controller . init ( ) ; } } ; }
Provide a directive to do a length measure on the mobile devices.

Example:

<div gmf-mobile-measurelength
gmf-mobile-measurelength-active="ctrl.measureLengthActive"
gmf-mobile-measurelength-map="::ctrl.map">
</div>

@htmlAttribute {boolean} gmf-mobile-measurelength-active Used to active
or deactivate the component.
@htmlAttribute {number=} gmf-mobile-measurelength-precision the number of significant digits to display.
@htmlAttribute {import("ol/Map.js").default} gmf-mobile-measurelength-map The map.
@htmlAttribute {import("ol/style/Style.js").StyleLike=}
gmf-mobile-measurelength-sketchstyle A style for the measure length.
@param {string|function(!JQuery=, !angular.IAttributes=):string}
gmfMobileMeasureLengthTemplateUrl Template URL for the directive.
@return {angular.IDirective} The Directive Definition Object.
@ngInject
@ngdoc directive
@ngname gmfMobileMeasureLength
Provide a directive to do a length measure on the mobile devices .