title: Property Binding as function parameter in Html template of Angular 7
body: <p>I have an issue in html template. I want to call a function and pass a param to function. This param is a property in component class. How could I bind this property in function call.
  I have tried different options but could not get success.</p>
  
  <p>1.</p>
  
  <pre><code>&lt;input type="button" class='Button' value='Back' 
  (click)="showGrid('{{"./app/setup/" + url}}')" /&gt;
  </code></pre>
  
  <p>2.</p>
  
  <pre><code>&lt;input type="button" class='Button' value='Back' 
  (click)="showGrid('./app/setup/ + {{url}}')" /&gt;
  </code></pre>
  
  <ol start="3">
  <li><p>Using Getter in component.</p>
  
  <p>get myUrl = function(){
  return "./app/setup/" + ${this.Url}
  }</p></li>
  </ol>
  
  <p>In html,</p>
  
  <pre><code>&lt;input type="button" class='Button' value='Back' 
  (click)="showGrid('{{myUrl}}')" /&gt;
  </code></pre>
  
  <p>How could I bind the property in function call. Please suggest.</p>
  
  <p>Thanks,</p>