Перенаправление на URL с дополнительными пользовательскими данными в AngularDart

Список имен заполняется, и при нажатии на это имя он перенаправляется на поиск Google. Мне нужна помощь в добавлении пользовательских заполненных данных name к URL-адресу через html, который будет перенаправлять посетителя с результатом автоматического поиска Google.

app_component.html

     <h1>{{title}}</h1>

    <h2>My favorite hero is: {{myHero.name}}</h2>

    <p>Heroes:</p>

    <ul>

       <li *ngFor="let hero of heroes">

             <a href="https://www.google.co.in/search?q=">{{ hero.name }}</a>

       </li>

    </ul>

app_component.dart

     import 'package:angular2/angular2.dart';
     import 'src/hero.dart';


   @Component(
      selector: 'my-app', 
      template: '''app_component.html''', 

      directives: const [CORE_DIRECTIVES], )

      class AppComponent {
            String title = 'Tour of Heroes';
            List<Hero> heroes = [
              new Hero(1, 'Windstorm'),
              new Hero(13, 'Bombasto'),
              new Hero(15, 'Magneta'),
              new Hero(20, 'Tornado')
      ];
      Hero get myHero => heroes.first;
     }