访问指令中的属性

Question

我一直在尝试从指令绑定访问href值，但是没有任何运气。

<a class="u-link-default" [attr.href]="tosUrl">Terms</a>

指令

@Directive({
  selector: 'a'
})
export class ExternalLinkDirective implements OnInit, OnChanges {
  @Input() href: string;
  @HostBinding('rel') rel: string;
  @HostBinding('target') target: string;

  constructor() {}

  ngOnInit() {
    console.log(this.href); // no value
  }

  ngOnChanges() {
    console.log(this.href); // no value
  }
}

PD：<a class="u-link-default" href="https://fakedomain.com">Terms</a>有效，我已经检查到“ tosUrl”不为空。

Answer 1

将[attr.href]="tosUrl"更改为[href]="tosUrl"