Angular 7+将文本显示为外部URL链接

Question

如何在角度模板中显示有效的URL作为链接。我正在使用以下代码。有没有更好的方法可以使用自定义指令来实现此目的？

    <a href="{{assignedCourse.courseUrl}}" target="_blank" rel="noopener">{{assignedCourse.courseUrl}}</a>

谢谢