How to create a link to external URL in Angular 2

Question

I am new to Angular. I am starting with ver. 2.
I need to link to a file://... URL. I tried normal href:

Note: app is a m

Answer 1

I assume app is assigned async. You can work around this using the Elvis operator:

no link here.

to not break the binding when Angular tries to resolve it before app actually has a value.

Original This worked for example:

@Component({
  selector: 'my-app',
  template: `
  
Hello {{name}}
  no link here
`
})
export class App {
  outputPath:string = 'www.google.com';

  constructor() {
    this.name = 'Angular2';
  }  
}

Plunker

Actually, your first example works fine as well

no link here

Plunker