fergusg

import {Component, View, Directive} from 'angular2/angular2';
import {Router, Instruction} from 'angular2/router';

@Directive({
    // This is a CSS selector.  It's confusing that the template syntax ALSO uses []
    selector: "[veto-router-link]",
    host: {
        "(click)": "onClick($event)",
        "[attr.href]": "getLink()"
    },

fergusg

@Component({
    selector: 'home'
})
@View({
    template: `
    <h1>Sandbox</h1>

    <a [veto-router-link]="['/Heroes']" [veto-if]="true">Heroes (vetoed)</a>
    <a [veto-router-link]="['/Heroes']" [veto-if]="false">Heroes</a>
    `,