Embed iframe in form

Hi everyone,

i’m trying to load an iframe into the form for the tasklist.
the source url is take from the process variable ‘url’ (which is correctly parsed)
the issue is that i’ve the following error :
[$interpolate:interr] Can’t interpolate: {{url}}
Error: [$sce:insecurl] Blocked loading resource from url not allowed by $sceDelegate policy. URL: url

Could anyone help me here ?

Thank you in advance

the form looks like the following:

  <script cam-script type="text/form-script">

      camForm.on('form-loaded', function() {

          // fetch the variable named 'customerData'

          camForm.variableManager.fetchVariable('url');

         

        });

       

        camForm.on('variables-fetched', function(){

          // after the variables are fetched, bind the value of customerData to a angular

          // scope value such that the form can work on it

          console.log("RES:" + camForm.variableManager.variableValue('url'))

          $scope.url = camForm.variableManager.variable('url').value;

        });

  </script>

  <div class="form-group">

    <label class="control-label col-md-2">URL</label>

    <div class="col-md-10">

      <input cam-variable-name="url" type="text" name="subject" class="form-control" />

    </div>

  </div>

  <iframe src="{{url}}" title="test" width="100%" height="900"></iframe>

</form>