I suggest going back to using the pathFor
helper - it removes the need for extra unnecessary code.
Also to assign your data a name:
this.route('profile',{
path:'/:userName',
data: function () {
return {
userName: Profiles.findOne({userName: this.params.userName})
}
}
});
Usage in HTML: <a href="{{pathFor route='profile' data=userName}}"></a>
Also the simplest way to get the hand icon and disable/override the default action is to just set the href
attribute to be empty: href=""